From 350b39de845c65891a268c8659c74f4eb000f0ef Mon Sep 17 00:00:00 2001
From: Pavel Meyer <meyerpavel1207@gmail.com>
Date: Tue, 8 Oct 2024 12:07:09 +0300
Subject: [PATCH] CW-copy-link-in-2-steps

Remove usage of ShareModal
---
 .../DiscussionFeedCard/DiscussionFeedCard.tsx | 25 ++++++------------
 .../ProposalFeedCard/ProposalFeedCard.tsx     | 26 +++++++------------
 .../ActionsButton/ActionsButton.tsx           | 23 +++++++---------
 .../ElementDropdown/ElementDropdown.tsx       |  3 ++-
 4 files changed, 28 insertions(+), 49 deletions(-)

diff --git a/src/pages/common/components/DiscussionFeedCard/DiscussionFeedCard.tsx b/src/pages/common/components/DiscussionFeedCard/DiscussionFeedCard.tsx
index 0ecf31b59d..54eb9d3883 100644
--- a/src/pages/common/components/DiscussionFeedCard/DiscussionFeedCard.tsx
+++ b/src/pages/common/components/DiscussionFeedCard/DiscussionFeedCard.tsx
@@ -8,6 +8,7 @@ import React, {
 import { useDispatch, useSelector } from "react-redux";
 import { useUpdateEffect } from "react-use";
 import { debounce } from "lodash";
+import copyToClipboard from "copy-to-clipboard";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import { DiscussionService } from "@/services";
 import { DeletePrompt, GlobalOverlay, ReportModal } from "@/shared/components";
@@ -33,10 +34,9 @@ import {
   PredefinedTypes,
 } from "@/shared/models";
 import { TextEditorValue } from "@/shared/ui-kit";
-import { StaticLinkType, getUserName, InternalLinkData, generateFirstMessage } from "@/shared/utils";
+import { StaticLinkType, getUserName, InternalLinkData, generateFirstMessage, generateStaticShareLink } from "@/shared/utils";
 import { useChatContext } from "../ChatComponent";
 import { FeedCard } from "../FeedCard";
-import { FeedCardShare } from "../FeedCard";
 import {
   FeedItemRef,
   GetLastMessageOptions,
@@ -122,11 +122,6 @@ function DiscussionFeedCard(props, ref) {
     onOpen: onReportModalOpen,
     onClose: onReportModalClose,
   } = useModal(false);
-  const {
-    isShowing: isShareModalOpen,
-    onOpen: onShareModalOpen,
-    onClose: onShareModalClose,
-  } = useModal(false);
   const {
     isShowing: isDeleteModalOpen,
     onOpen: onDeleteModalOpen,
@@ -194,7 +189,12 @@ function DiscussionFeedCard(props, ref) {
     },
     {
       report: onReportModalOpen,
-      share: () => onShareModalOpen(),
+      share: () => {
+        if(discussion) {
+          copyToClipboard(generateStaticShareLink(StaticLinkType.Discussion, discussion, item.id));
+          notify("The link has copied!");
+        }
+      },
       remove: onDeleteModalOpen,
       linkStream: onLinkStreamModalOpen,
       unlinkStream: onUnlinkStreamModalOpen,
@@ -464,15 +464,6 @@ function DiscussionFeedCard(props, ref) {
           type={EntityTypes.Discussion}
         />
       )}
-      {discussion && (
-        <FeedCardShare
-          isOpen={isShareModalOpen}
-          onClose={onShareModalClose}
-          linkType={StaticLinkType.Discussion}
-          element={discussion}
-          feedItemId={item.id}
-        />
-      )}
       {isDeleteModalOpen && (
         <GlobalOverlay>
           <DeletePrompt
diff --git a/src/pages/common/components/ProposalFeedCard/ProposalFeedCard.tsx b/src/pages/common/components/ProposalFeedCard/ProposalFeedCard.tsx
index 8039066b84..6122ab3286 100644
--- a/src/pages/common/components/ProposalFeedCard/ProposalFeedCard.tsx
+++ b/src/pages/common/components/ProposalFeedCard/ProposalFeedCard.tsx
@@ -8,6 +8,7 @@ import React, {
 import { useSelector } from "react-redux";
 import { useUpdateEffect } from "react-use";
 import { debounce } from "lodash";
+import copyToClipboard from "copy-to-clipboard";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import { useCommonMember, useProposalUserVote } from "@/pages/OldCommon/hooks";
 import { ProposalService } from "@/services";
@@ -34,10 +35,10 @@ import {
   PredefinedTypes,
 } from "@/shared/models";
 import { TextEditorValue } from "@/shared/ui-kit";
-import { StaticLinkType, getUserName, InternalLinkData } from "@/shared/utils";
+import { StaticLinkType, getUserName, InternalLinkData, generateStaticShareLink } from "@/shared/utils";
 import { useChatContext } from "../ChatComponent";
 import { useMenuItems } from "../DiscussionFeedCard/hooks";
-import { FeedCard, FeedCardShare } from "../FeedCard";
+import { FeedCard } from "../FeedCard";
 import {
   FeedItemRef,
   GetLastMessageOptions,
@@ -173,11 +174,6 @@ const ProposalFeedCard = forwardRef<FeedItemRef, ProposalFeedCardProps>(
       setHovering(isMouseEnter);
     };
     const proposalId = item.data.id;
-    const {
-      isShowing: isShareModalOpen,
-      onOpen: onShareModalOpen,
-      onClose: onShareModalClose,
-    } = useModal(false);
     const preloadDiscussionMessagesData = usePreloadDiscussionMessagesById({
       commonId,
       discussionId: discussion?.id,
@@ -202,7 +198,12 @@ const ProposalFeedCard = forwardRef<FeedItemRef, ProposalFeedCardProps>(
       },
       {
         report: () => {},
-        share: () => onShareModalOpen(),
+        share: () => {
+          if(discussion) {
+            copyToClipboard(generateStaticShareLink(StaticLinkType.Proposal, discussion, item.id));
+            notify("The link has copied!");
+          }
+        },
         remove: onProposalDeleteModalOpen,
         markFeedItemAsSeen,
         markFeedItemAsUnseen,
@@ -457,15 +458,6 @@ const ProposalFeedCard = forwardRef<FeedItemRef, ProposalFeedCardProps>(
             />
           )}
         </FeedCard>
-        {discussion && (
-          <FeedCardShare
-            isOpen={isShareModalOpen}
-            onClose={onShareModalClose}
-            linkType={StaticLinkType.Proposal}
-            element={discussion}
-            feedItemId={item.id}
-          />
-        )}
         {isProposalDeleteModalOpen && (
           <GlobalOverlay>
             <DeletePrompt
diff --git a/src/pages/commonFeed/components/HeaderContent/components/ActionsButton/ActionsButton.tsx b/src/pages/commonFeed/components/HeaderContent/components/ActionsButton/ActionsButton.tsx
index fce9e0ac3a..3d2fe766a7 100644
--- a/src/pages/commonFeed/components/HeaderContent/components/ActionsButton/ActionsButton.tsx
+++ b/src/pages/commonFeed/components/HeaderContent/components/ActionsButton/ActionsButton.tsx
@@ -1,6 +1,6 @@
 import React, { FC } from "react";
-import { ShareModal } from "@/shared/components";
-import { useModal } from "@/shared/hooks";
+import copyToClipboard from "copy-to-clipboard";
+import { useNotification } from "@/shared/hooks";
 import { CommonFollowState } from "@/shared/hooks/useCases/useCommonFollow";
 import { CirclesPermissions, Common, CommonMember } from "@/shared/models";
 import { DesktopMenu, MenuButton } from "@/shared/ui-kit";
@@ -18,12 +18,9 @@ interface ActionsButtonProps {
 
 const ActionsButton: FC<ActionsButtonProps> = (props) => {
   const { common, commonMember, commonFollow, onClick, onSearchClick } = props;
-  const {
-    isShowing: isShareModalOpen,
-    onOpen: onShareModalOpen,
-    onClose: onShareModalClose,
-  } = useModal(false);
+  const { notify } = useNotification();
   const { markCommonAsSeen } = useUpdateCommonSeenState();
+  const shareLink = generateStaticShareLink(StaticLinkType.Common, common);
   const items = useMenuItems(
     {
       common,
@@ -32,23 +29,21 @@ const ActionsButton: FC<ActionsButtonProps> = (props) => {
       isSearchActionAvailable: Boolean(onSearchClick),
     },
     {
-      share: onShareModalOpen,
+      share: () => {
+        copyToClipboard(shareLink);
+        notify("The link has copied!");
+      },
       onFollowToggle: commonFollow.onFollowToggle,
       onSearchClick,
       markCommonAsSeen
     },
   );
-  const shareLink = generateStaticShareLink(StaticLinkType.Common, common);
+
   const triggerEl = <MenuButton onClick={onClick} />;
 
   return (
     <>
       {items.length > 0 && <DesktopMenu triggerEl={triggerEl} items={items} />}
-      <ShareModal
-        sourceUrl={shareLink}
-        isShowing={isShareModalOpen}
-        onClose={onShareModalClose}
-      />
     </>
   );
 };
diff --git a/src/shared/components/ElementDropdown/ElementDropdown.tsx b/src/shared/components/ElementDropdown/ElementDropdown.tsx
index 1e5c09ef83..52b904e9f4 100644
--- a/src/shared/components/ElementDropdown/ElementDropdown.tsx
+++ b/src/shared/components/ElementDropdown/ElementDropdown.tsx
@@ -261,7 +261,8 @@ const ElementDropdown: FC<ElementDropdownProps> = ({
 
     switch (selectedItem) {
       case ElementDropdownMenuItems.Share:
-        onOpen();
+        copyToClipboard(staticShareLink);
+        notify("The link has copied!");
         break;
       case ElementDropdownMenuItems.Copy:
         copyToClipboard(