feat: add template copy link (codesandbox#3936)

Author: jyash97

packages/app/src/app/pages/Dashboard/Content/SandboxCard/index.tsx

@@ -404,7 +404,7 @@ class SandboxItemComponent extends React.PureComponent<Props, State> {
 
   copySandboxURL = () => {
     const url = sandboxUrl({ id: this.props.id, alias: this.props.alias });
-
+    // TODO: Use effects.browse.copyToClipboard after refactoring to Function Component
     copyToClipboard(`https://codesandbox.io${url}`);
 
     return true;

packages/app/src/app/pages/Dashboard/Content/routes/Templates/OwnedTemplates/OwnedTemplates.tsx

@@ -29,6 +29,9 @@ export const OwnedTemplates = (props: OwnedTemplatesProps) => {
     actions: {
       dashboard: { deleteTemplate },
     },
+    effects: {
+      browser: { copyToClipboard },
+    },
   } = useOvermind();
   const { teamId } = props;
   const { loading, error, data, refetch } = useQuery<
@@ -99,6 +102,15 @@ export const OwnedTemplates = (props: OwnedTemplatesProps) => {
                     return true;
                   },
                 },
+                {
+                  title: 'Copy Template Link',
+                  action: () => {
+                    copyToClipboard(
+                      `https://codesandbox.io${sandboxUrl(template.sandbox)}`
+                    );
+                    return true;
+                  },
+                },
               ],
               {
                 title: `Delete Template`,