Add formatTag utility function

HITK-TECH-Community · Jun 4, 2024 · a9e800c · a9e800c
1 parent 5ab56ce
commit a9e800c
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 5 deletions.
diff --git a/frontend/src/components/util/Tags.jsx b/frontend/src/components/util/Tags.jsx
@@ -0,0 +1,14 @@
+export const formatTag = (tag, format) => {
+    switch (format) {
+      case "CamelCase":
+        return tag.replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => index === 0 ? word.toLowerCase() : word.toUpperCase()).replace(/\s+/g, '');
+      case "Underscores":
+        return tag.replace(/\s+/g, '_').toLowerCase();
+      case "Hyphens":
+        return tag.replace(/\s+/g, '-').toLowerCase();
+      case "Concatenation":
+        return tag.replace(/\s+/g, '').toLowerCase();
+      default:
+        return tag;
+    }
+  };
diff --git a/frontend/src/pages/Admin/Components/Broadcast/AddBroadcasts/AddBroadcasts.jsx b/frontend/src/pages/Admin/Components/Broadcast/AddBroadcasts/AddBroadcasts.jsx
@@ -4,6 +4,7 @@ import "suneditor/dist/css/suneditor.min.css";
 import styles from "./add-broadcasts.module.scss";
 import Joi from "joi-browser";
 import { Button2 } from "../../../../../components/util/Button/index";
+import { formatTag } from '../../../../../components/util/Tags';
 import  Loader  from "../../../../../components/util/Loader/index";
 import { SimpleToast } from "../../../../../components/util/Toast/index";
 import { postBoardcast } from "../../../../../service/Broadcast";
@@ -80,10 +81,10 @@ export function AddBroadcasts() {
   };
 
   const addTag = () => {
-    const tag = tagRef.current.value;
-    if (tag.trim()) {
-      setTags(prevTags => [...prevTags, tag.trim()]);
-      setFormData({ ...formData, tags: [...formData.tags, tag.trim()] });
+    const tag = formatTag(tagRef.current.value.trim(), "Hyphens");
+    if (tag) {
+      setTags(prevTags => [...prevTags, tag]);
+      setFormData({ ...formData, tags: [...formData.tags, tag] });
       tagRef.current.value = "";
     }
   };

diff --git a/frontend/src/pages/Admin/Components/Faq/AddFaq/AddFaq.jsx b/frontend/src/pages/Admin/Components/Faq/AddFaq/AddFaq.jsx
@@ -1,6 +1,7 @@
 import React, { useRef, useState } from "react";
 import styles from "./add-faq.module.scss";
 import { Button2 } from "../../../../../components/util/Button/index";
+import { formatTag } from '../../../../../components/util/Tags';
 import { SimpleToast } from "../../../../../components/util/Toast/Toast";
 import { postFaq } from "../../../../../service/Faq"; 
 
@@ -60,7 +61,7 @@ export function AddFaq() {
   };
 
   const addTag = () => {
-    const tag = tagRef.current.value.trim();
+    const tag = formatTag(tagRef.current.value.trim(), "Hyphens");
     if (tag && !tags.includes(tag)) {
       setTags([...tags, tag]);
       setFormData({ ...formData, tags: [...tags, tag] });