feat: add embed item action (#437)

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

package.json

@@ -33,10 +33,10 @@
     "@emotion/react": "11.11.1",
     "@emotion/server": "11.11.0",
     "@emotion/styled": "11.11.0",
-    "@graasp/query-client": "2.0.1",
-    "@graasp/sdk": "2.0.1",
+    "@graasp/query-client": "2.0.2",
+    "@graasp/sdk": "2.1.0",
     "@graasp/translations": "1.19.4",
-    "@graasp/ui": "4.0.0",
+    "@graasp/ui": "4.0.1",
     "@mui/icons-material": "5.14.3",
     "@mui/lab": "5.0.0-alpha.140",
     "@mui/material": "5.14.5",

src/components/collection/CopyLinkButton.tsx

@@ -1,10 +1,10 @@
-import React, { MouseEvent } from 'react';
+import React, { MouseEvent, useContext } from 'react';
 
 import CodeIcon from '@mui/icons-material/Code';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 
-import { DiscriminatedItem } from '@graasp/sdk';
+import { DiscriminatedItem, Triggers } from '@graasp/sdk';
 
 import { useLibraryTranslation } from '../../config/i18n';
 import notifier, {
@@ -13,13 +13,20 @@ import notifier, {
 import { buildPlayerViewItemRoute } from '../../config/paths';
 import LIBRARY from '../../langs/constants';
 import { copyToClipboard } from '../../utils/clipboard';
+import { QueryClientContext } from '../QueryClientContext';
 
 export const useEmbedAction = (itemId?: DiscriminatedItem['id']) => {
   const startEmbed = (event: MouseEvent<HTMLButtonElement>) => {
     const link = buildPlayerViewItemRoute(itemId);
+    const { mutations } = useContext(QueryClientContext);
 
+    const { mutate: triggerAction } = mutations.usePostItemAction();
     copyToClipboard(link, {
       onSuccess: () => {
+        if (itemId) {
+          triggerAction({ itemId, payload: { type: Triggers.ItemEmbed } });
+        }
+
         notifier({
           type: COPY_RESOURCE_LINK_TO_CLIPBOARD.SUCCESS,
           payload: {},

src/components/pages/MyFavorites.tsx

@@ -19,7 +19,7 @@ const MyFavorites = ({ tab, index }: Props) => {
     <TabPanel value={tab} index={index}>
       <CollectionsGrid
         id={MY_FAVORITES_COLLECTIONS_ID}
-        collections={collections as any}
+        collections={collections}
         isLoading={isLoading}
       />
     </TabPanel>