From ecb811659cf4246ee4ab69679cdb9b75f3ae38e6 Mon Sep 17 00:00:00 2001
From: HEADLINE Design <aaron@headline.dev>
Date: Fri, 9 Feb 2024 21:34:52 -0600
Subject: [PATCH 1/3] id target for sharing proposals

---
 src/xgov-dapp/src/features/vote/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/xgov-dapp/src/features/vote/index.tsx b/src/xgov-dapp/src/features/vote/index.tsx
index ca5deb3..2348e3d 100644
--- a/src/xgov-dapp/src/features/vote/index.tsx
+++ b/src/xgov-dapp/src/features/vote/index.tsx
@@ -524,7 +524,7 @@ function Vote({ sort: sortProp = 'none' }: { sort?: 'ascending' | 'descending' |
               .sort(sortQuestions)
               .sort(pinPassedQuestions)
               .map((question) => (
-                <div key={question.id} className="col-span-3 grid grid-cols-1 lg:grid-cols-3 gap-4 bg-white rounded-lg">
+                <div key={question.id} id={question.id} className="col-span-3 grid grid-cols-1 lg:grid-cols-3 gap-4 bg-white rounded-lg">
                   <div className="col-span-2">
                     {question.metadata && (
                       <ProposalCard

From 81e7c1176c6bc9f3f8e7ecb1f91b6ee16ba9d04f Mon Sep 17 00:00:00 2001
From: HEADLINE Design <aaron@headline.dev>
Date: Fri, 9 Feb 2024 21:57:47 -0600
Subject: [PATCH 2/3] Append 'proposal' to id. Add copy to clipboard for
 proposal id.

---
 src/xgov-dapp/src/features/vote/index.tsx | 3 ++-
 src/xgov-dapp/src/shared/ProposalCard.tsx | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/xgov-dapp/src/features/vote/index.tsx b/src/xgov-dapp/src/features/vote/index.tsx
index 2348e3d..0263dc2 100644
--- a/src/xgov-dapp/src/features/vote/index.tsx
+++ b/src/xgov-dapp/src/features/vote/index.tsx
@@ -524,10 +524,11 @@ function Vote({ sort: sortProp = 'none' }: { sort?: 'ascending' | 'descending' |
               .sort(sortQuestions)
               .sort(pinPassedQuestions)
               .map((question) => (
-                <div key={question.id} id={question.id} className="col-span-3 grid grid-cols-1 lg:grid-cols-3 gap-4 bg-white rounded-lg">
+                <div key={question.id} id={`proposal-${question.id}`} className="col-span-3 grid grid-cols-1 lg:grid-cols-3 gap-4 bg-white rounded-lg">
                   <div className="col-span-2">
                     {question.metadata && (
                       <ProposalCard
+                        id={`proposal-${question.id}`}
                         title={question.prompt}
                         description={question.description}
                         category={question.metadata.category}
diff --git a/src/xgov-dapp/src/shared/ProposalCard.tsx b/src/xgov-dapp/src/shared/ProposalCard.tsx
index a1229f0..0224f24 100644
--- a/src/xgov-dapp/src/shared/ProposalCard.tsx
+++ b/src/xgov-dapp/src/shared/ProposalCard.tsx
@@ -3,6 +3,7 @@ import LaunchIcon from '@mui/icons-material/Launch'
 import { Chip, Collapse, LinearProgress, Link, Paper, Typography } from '@mui/material'
 import { AbstainChip, CategoryChip, DidNotPassChip, MockProposalChip, PassedChip, VotesNeededToPassChip } from './Chips'
 import { useOverflow } from './hooks/useOverflow'
+import CopyToClipBoard from '../features/wallet/copyToClipBoard'
 
 export type ProposalCardProps = {
   link: string | undefined
@@ -15,9 +16,11 @@ export type ProposalCardProps = {
   votesTally: number | undefined
   hasClosed?: boolean
   forcePass?: boolean
+  id?: string | any
 }
 
 export const ProposalCard = ({
+id,
   link,
   title,
   description,
@@ -97,6 +100,7 @@ export const ProposalCard = ({
             {focus_area && <Chip className="rounded-lg mr-2" label={focus_area} />}
             {category && <CategoryChip category={category} />}
           </span>
+          {id && ( <CopyToClipBoard className="text-grey-light align-text-top ml-2 inline-block" valueToCopy={id} /> )}
           <Link className="text-grey-light align-text-top ml-2 inline-block" href={link} target="_blank">
             <LaunchIcon />
           </Link>

From a9cbaeeeb90ee089a23a086a0a10708d41d7f58d Mon Sep 17 00:00:00 2001
From: HEADLINE Design <aaron@headline.dev>
Date: Fri, 9 Feb 2024 22:08:29 -0600
Subject: [PATCH 3/3] full anchor link and copy to clipboard

---
 src/xgov-dapp/src/features/vote/index.tsx | 2 +-
 src/xgov-dapp/src/shared/ProposalCard.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/xgov-dapp/src/features/vote/index.tsx b/src/xgov-dapp/src/features/vote/index.tsx
index 0263dc2..469ff74 100644
--- a/src/xgov-dapp/src/features/vote/index.tsx
+++ b/src/xgov-dapp/src/features/vote/index.tsx
@@ -528,7 +528,7 @@ function Vote({ sort: sortProp = 'none' }: { sort?: 'ascending' | 'descending' |
                   <div className="col-span-2">
                     {question.metadata && (
                       <ProposalCard
-                        id={`proposal-${question.id}`}
+                        anchor={`https://xgov.algorand.foundation/vote/${voteId}#proposal-${question.id}`}
                         title={question.prompt}
                         description={question.description}
                         category={question.metadata.category}
diff --git a/src/xgov-dapp/src/shared/ProposalCard.tsx b/src/xgov-dapp/src/shared/ProposalCard.tsx
index 0224f24..4c533f5 100644
--- a/src/xgov-dapp/src/shared/ProposalCard.tsx
+++ b/src/xgov-dapp/src/shared/ProposalCard.tsx
@@ -16,11 +16,11 @@ export type ProposalCardProps = {
   votesTally: number | undefined
   hasClosed?: boolean
   forcePass?: boolean
-  id?: string | any
+  anchor?: string | any
 }
 
 export const ProposalCard = ({
-id,
+  anchor,
   link,
   title,
   description,
@@ -100,7 +100,7 @@ id,
             {focus_area && <Chip className="rounded-lg mr-2" label={focus_area} />}
             {category && <CategoryChip category={category} />}
           </span>
-          {id && ( <CopyToClipBoard className="text-grey-light align-text-top ml-2 inline-block" valueToCopy={id} /> )}
+          {anchor && ( <CopyToClipBoard className="text-grey-light align-text-top ml-2 inline-block" valueToCopy={anchor} /> )}
           <Link className="text-grey-light align-text-top ml-2 inline-block" href={link} target="_blank">
             <LaunchIcon />
           </Link>