Merge pull request #453 from AppQuality/share-link-title

Share-link-title

Author: cannarocks

src/common/components/BugDetail/ShareBug.tsx

@@ -36,7 +36,10 @@ export const ShareButton = ({
   const [modalIsOpen, setModalIsOpen] = useState<boolean>(false);
   const { t } = useTranslation();
 
-  const { createLink, link, isLoading, isError } = useShareBug({ bid: bug.id });
+  const { createLink, link, isLoading, isError } = useShareBug({
+    bid: bug.id,
+    reset: modalIsOpen,
+  });
 
   const getButtonContent = useCallback(() => {
     if (isError) {
@@ -72,9 +75,9 @@ export const ShareButton = ({
               </Trans>
             </StyledMd>
             <StyledMd>
-              ID {bug.id} -
+              ID {bug.id}{' '}
               <Span isBold>
-                &quot;{bug.title.compact}
+                &quot;{bug.title.full}
                 &quot;
               </Span>
             </StyledMd>

src/common/components/BugDetail/hooks/useShareBug.ts

@@ -1,11 +1,25 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import queryString from 'query-string';
 
-export const useShareBug = ({ bid }: { bid: number }) => {
+export const useShareBug = ({
+  bid,
+  reset,
+}: {
+  bid: number;
+  reset: boolean;
+}) => {
   const [link, setLink] = useState<string | undefined>(undefined);
   const [isLoading, setisLoading] = useState<boolean>(false);
   const [error, setError] = useState<Error | undefined>(undefined);
 
+  useEffect(() => {
+    if (reset) {
+      setLink(undefined);
+      setError(undefined);
+      setisLoading(false);
+    }
+  }, [reset]);
+
   const createLink = useCallback(() => {
     setisLoading(true);
     setError(undefined);

src/pages/Bugs/Content/components/BugHeader.tsx

@@ -70,7 +70,7 @@ export default ({
       />
 
       <ActionDetailPreview>
-        <IconButton onClick={goToBug}>
+        <IconButton size="small" onClick={goToBug}>
           <LinkIcon />
         </IconButton>
         <ShareButton bug={bug} />