Fix comment

Co-authored-by: viljeno <[email protected]>

Author: tindevw

lego-webapp/app/routes/events/components/EventDetail/index.tsx

@@ -312,12 +312,10 @@ const EventDetail = () => {
 
           <Line />
 
-          {loggedIn && (
-            <ShareButton
-              title={event?.title || 'Sjekk ut dette arrangementet!'}
-              url={`${appConfig?.webUrl}/events/${event?.id}`}
-            />
-          )}
+          <ShareButton
+            title={'Del arrangement'}
+            url={`${appConfig?.webUrl}/events/${event?.id}`}
+          />
 
           {(actionGrant.includes('edit') || actionGrant.includes('delete')) && (
             <Line />

lego-webapp/app/routes/joblistings/components/JoblistingDetail.tsx

@@ -13,6 +13,7 @@ import DisplayContent from '~/components/DisplayContent';
 import InfoList from '~/components/InfoList';
 import { jobType, Year, Workplaces } from '~/components/JoblistingItem/Items';
 import PropertyHelmet from '~/components/PropertyHelmet';
+import ShareButton from '~/components/ShareButton';
 import Time from '~/components/Time';
 import { fetchJoblisting } from '~/redux/actions/JoblistingActions';
 import { useAppDispatch, useAppSelector } from '~/redux/hooks';
@@ -185,6 +186,11 @@ const JoblistingDetail = () => {
             </LinkButton>
           )}
 
+          <ShareButton
+            title={'Del jobbannonse'}
+            url={`${appConfig?.webUrl}/joblistings/${joblisting?.id}`}
+          />
+
           {(joblisting.responsible || joblisting.contactMail) && (
             <div>
               <h3>Kontaktinfo</h3>

lego-webapp/components/ShareButton/index.tsx

@@ -11,12 +11,8 @@ type Props = {
 const ShareButton: React.FC<Props> = ({ title, url }) => {
   const dispatch = useAppDispatch();
   const handleShare = async () => {
-    if (navigator.share) {
-      try {
-        await navigator.share({ title, url });
-      } catch (error) {
-        console.error('Kunne ikke dele:', error);
-      }
+    if (navigator?.canShare?.({ title, url })) {
+      navigator.share({ title, url });
     } else {
       {
         navigator.clipboard.writeText(url);
@@ -25,16 +21,16 @@ const ShareButton: React.FC<Props> = ({ title, url }) => {
         addToast({
           message: 'Link er kopiert til utklippstavlen',
           type: 'success',
-          dismissAfter: 10000,
         }),
       );
     }
   };
 
   return (
     <Button onPress={handleShare}>
-      <Flex justifyContent="center">
-        <Icon name="share" iconNode={<ShareIcon />} size={20} />
+      <Flex justifyContent="center" gap="var(--spacing-sm)">
+        <Icon iconNode={<ShareIcon />} size={20} />
+        {title}
       </Flex>
     </Button>
   );