Add validation for unique project while creating

Author: puranban

manager-dashboard/app/views/NewProject/index.tsx

@@ -22,6 +22,9 @@ import {
     ref as databaseRef,
     push as pushToDatabase,
     set as setToDatabase,
+    query,
+    orderByChild,
+    equalTo,
 } from 'firebase/database';
 import {
     MdOutlinePublishedWithChanges,
@@ -30,6 +33,7 @@ import {
 import { Link } from 'react-router-dom';
 
 import UserContext from '#base/context/UserContext';
+import projectTypeOptions from '#base/configs/projectTypes';
 import useMountedRef from '#hooks/useMountedRef';
 import Modal from '#components/Modal';
 import TextInput from '#components/TextInput';
@@ -56,6 +60,7 @@ import {
     PROJECT_TYPE_COMPLETENESS,
     PROJECT_TYPE_CHANGE_DETECTION,
 } from '#utils/common';
+import { getValueFromFirebase } from '#utils/firebase';
 
 import CustomOptionInput from '#views/NewTutorial/CustomOptionInput';
 import CustomOptionPreview from '#views/NewTutorial/CustomOptionInput/CustomOptionPreview';
@@ -80,8 +85,6 @@ import BasicProjectInfoForm from './BasicProjectInfoForm';
 // eslint-disable-next-line postcss-modules/no-unused-class
 import styles from './styles.css';
 
-import projectTypeOptions from '#base/configs/projectTypes';
-
 const defaultProjectFormValue: PartialProjectFormType = {
     // projectType: PROJECT_TYPE_BUILD_AREA,
     projectNumber: 1,
@@ -271,9 +274,69 @@ function NewProject(props: Props) {
                 visibility,
                 filter,
                 filterText,
+                projectTopic,
                 ...valuesToCopy
             } = finalValues;
 
+            try {
+                const db = getDatabase();
+                const projectRef = databaseRef(db, 'v2/projects/');
+                const projectTopicKey = projectTopic?.toLowerCase() as string;
+
+                const prevProjectNameQuery = query(
+                    projectRef,
+                    orderByChild('projectTopicKey'),
+                    equalTo(projectTopicKey),
+                );
+
+                const snapshot = await getValueFromFirebase(prevProjectNameQuery);
+
+                if (snapshot.exists()) {
+                    setError((prevErr) => ({
+                        ...getErrorObject(prevErr),
+                        [nonFieldError]: 'A project with this name already exists, please use a different project name (Please note that the name comparision is not case sensitive)',
+                        projectTopic: 'A project with this name already exists, please use a different project name (Please note that the name comparision is not case sensitive)',
+                    }));
+                    setProjectSubmissionStatus(undefined);
+                    return;
+                }
+
+                const newProjectRef = await pushToDatabase(projectRef);
+                const newKey = newProjectRef.key;
+
+                if (!mountedRef.current) {
+                    return;
+                }
+
+                if (!newKey) {
+                    setError((err) => ({
+                        ...getErrorObject(err),
+                        [nonFieldError]: 'Failed to push new key for the project',
+                    }));
+                    setProjectSubmissionStatus('failed');
+                    return;
+                }
+
+                const uploadData = {
+                    ...finalValues,
+                    projectTopicKey,
+                    createdAt: (new Date()).getTime(),
+                };
+
+                const putProjectRef = databaseRef(db, `v2/projects/${newKey}`);
+                await setToDatabase(putProjectRef, uploadData);
+            } catch (submissionError: unknown) {
+                if (!mountedRef.current) {
+                    return;
+                }
+                // eslint-disable-next-line no-console
+                console.error(submissionError);
+                setError((err) => ({
+                    ...getErrorObject(err),
+                    [nonFieldError]: 'Some error occurred',
+                }));
+            }
+
             const finalFilter = filter === FILTER_OTHERS
                 ? filterText
                 : filter;
@@ -654,7 +717,12 @@ function NewProject(props: Props) {
                         />
                     </InputSection>
                 )}
-                {hasErrors && (
+                {error?.[nonFieldError] && (
+                    <div className={styles.errorMessage}>
+                        {error?.[nonFieldError]}
+                    </div>
+                )}
+                {!nonFieldError && hasErrors && (
                     <div className={styles.errorMessage}>
                         Please correct all the errors above before submission!
                     </div>