Fix project name validation

Author: puranban

firebase/functions/src/index.ts

@@ -355,12 +355,14 @@ exports.addProjectTopicKey = functions.https.onRequest(async (_, res) => {
             res.status(404).send('No projects found');
         }
 
-        if (!isEmptyProject && data) {
+        if (data) {
             const newProjectData: {[key: string]: string} = {};
 
             Object.keys(data).forEach((id) => {
-                if (data[id]?.projectTopic) {
-                    const newProjectTopicKey = formatProjectTopic(data[id].projectTopic);
+                const projectData = data[id];
+
+                if (projectData.name) {
+                    const newProjectTopicKey = formatProjectTopic(projectData.name);
                     newProjectData[`v2/projects/${id}/projectTopicKey`] = newProjectTopicKey;
                 }
             });

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

@@ -126,7 +126,7 @@ function BasicProjectInfoForm(props: Props<PartialProjectFormType>) {
                 hint="We will generate you project name based on your inputs above."
                 readOnly
                 placeholder="[Project Topic] - [Project Region] ([Task Number]) [Requesting Organisation]"
-                // error={error?.name}
+                error={error?.name}
                 disabled={disabled}
             />
             <div className={styles.inputGroup}>

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

@@ -275,7 +275,7 @@ function NewProject(props: Props) {
                 visibility,
                 filter,
                 filterText,
-                projectTopic,
+                name,
                 ...valuesToCopy
             } = finalValues;
 
@@ -331,8 +331,7 @@ function NewProject(props: Props) {
                 // NOTE: All the user don't have permission to access draft project
                 // FIXME: The firebase rules need to be changed to perform this on draft project
                 const database = getDatabase();
-                const projectTopicKeyLowercase = (projectTopic?.trim())?.toLowerCase() as string;
-                const projectTopicKey = formatProjectTopic(projectTopicKeyLowercase);
+                const projectTopicKey = formatProjectTopic(name);
                 const projectRef = databaseRef(database, 'v2/projects/');
 
                 const prevProjectNameQuery = query(
@@ -350,7 +349,7 @@ function NewProject(props: Props) {
                     setError((prevErr) => ({
                         ...getErrorObject(prevErr),
                         [nonFieldError]: 'A project with this name already exists, please use a different project name (Please note that the name comparison is not case sensitive)',
-                        projectTopic: 'A project with this name already exists',
+                        name: 'A project with this name already exists',
                     }));
                     setProjectSubmissionStatus(undefined);
                     return;
@@ -369,7 +368,7 @@ function NewProject(props: Props) {
 
                     const uploadData = {
                         ...valuesToCopy,
-                        projectTopic,
+                        name,
                         projectTopicKey,
                         filter: finalFilter,
                         image: downloadUrl,