fix: duplicate tags issue using set constructor (#9820)

changes made: * replaced the standart array used for storing tags with a `Set` constructor. * updated the documentation.
EddieHubCommunity · Nov 23, 2023 · bde2fe9 · bde2fe9
1 parent 42fb69f
commit bde2fe9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/pages/account/manage/event/[[...data]].js b/pages/account/manage/event/[[...data]].js
@@ -176,7 +176,7 @@ export default function ManageEvent({ BASE_URL, event }) {
   };
 
   const handleTagAdd = (newTag) =>
-    setTags((prevState) => [...prevState, newTag]);
+    setTags((prevState) => [...new Set([...prevState, newTag])]);
   const handleTagRemove = (tagToRemove) =>
     setTags(tags.filter((tag) => tag !== tagToRemove));
 
@@ -343,7 +343,7 @@ export default function ManageEvent({ BASE_URL, event }) {
                       inputRef={tagInputRef}
                     />
                     <p className="text-sm text-primary-medium-low dark:text-primary-low-high">
-                      Separate tags with commas.
+                      Separate tags with commas (tags cannot be duplicated).
                     </p>
                   </div>
                 </div>

diff --git a/pages/account/manage/profile.js b/pages/account/manage/profile.js
@@ -81,7 +81,7 @@ export default function Profile({ BASE_URL, profile, fileExists }) {
   const { pronouns } = config;
 
   const handleTagAdd = (newTag) => {
-    setTags((prevState) => [...prevState, newTag]);
+    setTags((prevState) => [...new Set([...prevState, newTag])]);
   };
 
   const handleTagRemove = (tagToRemove) => {
@@ -253,7 +253,7 @@ export default function Profile({ BASE_URL, profile, fileExists }) {
                         inputRef={tagInputRef}
                       />
                       <p className="text-sm text-primary-medium-low dark:text-primary-low-high">
-                        Separate tags with commas.
+                        Separate tags with commas (tags cannot be duplicated).
                       </p>
                     </div>
                   </div>