diff --git a/web/src/components/DisputePreview/DisputeContext.tsx b/web/src/components/DisputePreview/DisputeContext.tsx index 5ccc1dc00..8e277ff99 100644 --- a/web/src/components/DisputePreview/DisputeContext.tsx +++ b/web/src/components/DisputePreview/DisputeContext.tsx @@ -82,7 +82,7 @@ export const DisputeContext: React.FC = ({ disputeTemplate }) = {isUndefined(disputeTemplate) ? null :

Voting Options

} {disputeTemplate?.answers?.map((answer: IAnswer, i: number) => ( - + Option {i + 1}: @@ -94,8 +94,8 @@ export const DisputeContext: React.FC = ({ disputeTemplate }) = <> - {disputeTemplate.aliases.map((alias, index) => ( - + {disputeTemplate.aliases.map((alias) => ( + ))} diff --git a/web/src/context/NewDisputeContext.tsx b/web/src/context/NewDisputeContext.tsx index ba5f84615..2bfdcb48d 100644 --- a/web/src/context/NewDisputeContext.tsx +++ b/web/src/context/NewDisputeContext.tsx @@ -10,6 +10,7 @@ export type Answer = { }; export type Alias = { + id?: string; name: string; address: string | Address; }; @@ -55,10 +56,13 @@ const initialDisputeData: IDisputeData = { title: "", description: "", question: "", - answers: [{ title: "" }, { title: "" }], + answers: [ + { title: "", id: "1" }, + { title: "", id: "2" }, + ], aliases: [ - { name: "", address: "" }, - { name: "", address: "" }, + { name: "", address: "", id: "1" }, + { name: "", address: "", id: "2" }, ], }; const initialDisputeTemplate = initialDisputeData as IDisputeTemplate; diff --git a/web/src/pages/Resolver/Parameters/CounterParties.tsx b/web/src/pages/Resolver/Parameters/CounterParties.tsx index d8eb2d2db..8b6d2aaef 100644 --- a/web/src/pages/Resolver/Parameters/CounterParties.tsx +++ b/web/src/pages/Resolver/Parameters/CounterParties.tsx @@ -44,7 +44,7 @@ const CounterParties: React.FC = () => { //value here is the total number of fields- const updateAliases = (value: number) => { - let defaultAlias = { name: "", address: "" }; + let defaultAlias = { name: "", address: "", id: value.toString() }; let aliases = disputeData.aliases; if (isUndefined(aliases)) { @@ -68,7 +68,7 @@ const CounterParties: React.FC = () => {
{disputeData.aliases?.map((alias, index) => ( - + { const { disputeData, setDisputeData } = useNewDisputeContext(); const updateOptions = (value: number) => { - let defaultAnswer: Answer = { title: "" }; + let defaultAnswer: Answer = { title: "", id: value.toString() }; let answers = disputeData.answers; if (value < answers?.length) return setDisputeData({ ...disputeData, answers: answers.splice(0, value) }); @@ -48,7 +48,7 @@ const OptionsFields: React.FC = () => { name="title" label={`Voting Option ${index + 1}`} placeholder="eg. Pay 150 DAI" - key={index} + key={answer?.id} value={answer.title ?? ""} onChange={(event) => handleOptionWrite(event, index)} />