From 6e251da998ab22c5ddb4414ca4e45add67b900a8 Mon Sep 17 00:00:00 2001
From: knguyenrise8 <159168836+knguyenrise8@users.noreply.github.com>
Date: Thu, 26 Dec 2024 13:19:17 -0600
Subject: [PATCH] fix(RV-431): Fix multiple page uniqueness for fields (#493)

---
 frontend/src/pages/AnnotateTemplate.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/AnnotateTemplate.tsx b/frontend/src/pages/AnnotateTemplate.tsx
index 818f3884..ad9ecd50 100644
--- a/frontend/src/pages/AnnotateTemplate.tsx
+++ b/frontend/src/pages/AnnotateTemplate.tsx
@@ -143,8 +143,15 @@ const AnnotateTemplate: React.FC = () => {
               color: item.color.slice(0, 7),
             });
             const tempFields = [...fields];
+            // get all fields for all indexes and 
+            const uniqueFields = new Set();
+            fields.forEach((field) => {
+              field.forEach((f) => {
+                uniqueFields.add(f);
+              });
+            });
             const tempMap = new Map(localIds);
-            if (!tempFields[index].has(item.name)) {
+            if (!tempFields[index].has(item.name) && !uniqueFields.has(item.name)) {
               annotator!.drawRectangle();
               tempFields[index].add(item.name);
               tempMap.set(
@@ -207,7 +214,6 @@ const AnnotateTemplate: React.FC = () => {
       <UploadHeader
         title="Annotate new template"
         onBack={() => navigate("/new-template/upload")}
-        onSubmit={handleSubmit}
       />
       <Divider margin="0px" />
       <div className="display-flex flex-justify-center padding-top-4">