Merge pull request #169 from cabcookie:improve-person-mention

Einfaches Kopieren von CRM Projekten

components/crm/CrmData.tsx

@@ -1,16 +1,50 @@
+import { ClipboardCopy } from "lucide-react";
 import { FC } from "react";
-import CrmLink from "./CrmLink";
+import { toast } from "../ui/use-toast";
+import CrmLink, { makeCrmLink } from "./CrmLink";
 import LabelData from "./label-data";
 
 type CrmDataProps = {
   crmId?: string;
+  label?: string;
 };
 
-const CrmData: FC<CrmDataProps> = ({ crmId }) =>
+const copyNameAndLink = (id: string, label: string) => async () => {
+  try {
+    const url = makeCrmLink("Opportunity", id);
+    const htmlContent = `<a href="${url}">${label}</a>`;
+    const slackFormattedLink = `<${url}|${label}>`;
+    const blobHTML = new Blob([htmlContent], { type: "text/html" });
+    const blobPlainText = new Blob([slackFormattedLink], {
+      type: "text/plain",
+    });
+    const clipboardItem = new ClipboardItem({
+      "text/html": blobHTML,
+      "text/plain": blobPlainText,
+    });
+    await navigator.clipboard.write([clipboardItem]);
+    toast({ title: "CRM link copied to clipboard" });
+  } catch (error) {
+    toast({
+      title: "Copying CRM link to clipboard failed",
+      variant: "destructive",
+      description: JSON.stringify(error),
+    });
+    console.error("Copying CRM link to clipboard failed", error);
+  }
+};
+
+const CrmData: FC<CrmDataProps> = ({ crmId, label }) =>
   crmId && (
     <div className="flex flex-row gap-2 items-center">
       <LabelData label="SFDC ID" data={crmId} />
       <CrmLink id={crmId} category="Opportunity" />
+      {label && (
+        <ClipboardCopy
+          className="w-4 h-4 text-muted-foreground hover:text-primary"
+          onClick={copyNameAndLink(crmId, label)}
+        />
+      )}
     </div>
   );
 

components/crm/changed-project.tsx

@@ -90,7 +90,7 @@ const ChangedCrmProject: FC<ChangedCrmProjectProps> = ({
               importedValue={imported.createdDate}
               originalValue={crmProject.createdDate}
             />
-            <CrmData crmId={imported.crmId} />
+            <CrmData crmId={imported.crmId} label={imported.name} />
           </div>
           <Button disabled={!crmProject} onClick={handleUpdateLocalData}>
             {!crmProject && <Loader2 className="w-4 h-4 animate-spin" />}

components/crm/missing-projects.tsx

@@ -47,7 +47,7 @@ const MissingCrmProjects: FC<MissingCrmProjectsProps> = ({ crmProjects }) => {
                 <LabelData label="Next step" data={crm.nextStep} />
                 <LabelData label="Partner" data={crm.partnerName} />
                 <LabelData label="Owner" data={crm.opportunityOwner} />
-                <CrmData crmId={crm.crmId} />
+                <CrmData crmId={crm.crmId} label={crm.name} />
                 <div className="flex flex-row gap-2">
                   <Button onClick={handleClosing(crm.id, "Closed Lost")}>
                     Set “Closed Lost”

components/crm/new-projects.tsx

@@ -48,7 +48,7 @@ const NewCrmProjects: FC<NewCrmProjectsProps> = ({ crmProjects }) => {
                 <LabelData label="Next step" data={crm.nextStep} />
                 <LabelData label="Partner" data={crm.partnerName} />
                 <LabelData label="Owner" data={crm.opportunityOwner} />
-                <CrmData crmId={crm.crmId} />
+                <CrmData crmId={crm.crmId} label={crm.name} />
                 <LabelData
                   label="Created Date"
                   data={format(crm.createdDate, "PP")}

components/ui-elements/crm-project-details/crm-project-details.tsx

@@ -88,7 +88,7 @@ const CrmProjectDetails: FC<CrmProjectDetailsProps> = ({
               <NextStep crmProject={crmProject} />
               <LabelData label="Partner" data={crmProject.partnerName} />
               <LabelData label="Owner" data={crmProject.opportunityOwner} />
-              <CrmData crmId={crmProject.crmId} />
+              <CrmData crmId={crmProject.crmId} label={crmProject.name} />
               <LabelData
                 label="Created Date"
                 data={format(crmProject.createdDate, "PP")}

docs/releases/next.md

@@ -1,3 +1,3 @@
-# CRM Projekte in Wartestellung ausblenden (Version :VERSION)
+# Einfaches Kopieren von CRM Projekten (Version :VERSION)
 
-- CRM Projekte die ausschließlich mit Projekten verknüpft sind, die im Moment stummgeschaltet sind (On Hold), werden ausgeblendet. Es sei denn der Filter „Include projects on hold“ ist aktiviert.
+- Jedes CRM Projekt hat beim Link zum Projekt (SFDC ID) auch eine Schaltfläche, um den Titel der Opportunity und dessen Salesforce Link in die Zwischenablage zu kopieren.