show loader on create of a project (#461)

apps/new/widget/page/projects/Editor.jsx

@@ -149,14 +149,15 @@ const [projectIdForSocialDB, setProjectId] = useState(null); // for edit changes
 const [contributorSearchTerm, setContributorSearch] = useState("");
 const [showDeleteModal, setShowDeleteModal] = useState(false);
 const [showDeleteSuccessModal, setShowDeleteSuccessModal] = useState(false);
+const [onCreateLoader, setCreateLoader] = useState(false);
 
 function removeWhiteSpace(str) {
   return str.replace(/\s/g, "-").toLowerCase();
 }
 
 function convertArrayToObject(array) {
   const obj = {};
-  array.forEach((value, index) => {
+  (array ?? []).forEach((value, index) => {
     obj[value] = "";
   });
   return obj;
@@ -568,6 +569,7 @@ const DeleteConfirmationModal = () => {
 };
 
 function onCreateProject() {
+  setCreateLoader(true);
   const projectID = isEditScreen ? projectIdForSocialDB : normalize(title, "-");
   const project = {
     title,
@@ -651,8 +653,10 @@ function onCreateProject() {
   } else {
     Social.set(data, {
       onCommit: () => {
+        setCreateLoader(false);
         setShowSuccessModal(true);
       },
+      onCancel: () => setCreateLoader(false),
     });
   }
 }
@@ -759,6 +763,7 @@ const DeleteProjectBtn = () => {
       <Button
         variant="outline"
         className="destructive"
+        loading={showDeleteModal}
         onClick={() => setShowDeleteModal(true)}
       >
         Delete Project
@@ -943,6 +948,7 @@ const SecondScreen = () => {
             variant="primary"
             onClick={onCreateProject}
             disabled={invalidContributorFound}
+            loading={onCreateLoader}
           >
             {isEditScreen ? "Save Changes" : "Create"}
           </Button>

apps/old/widget/components/Button.jsx

@@ -151,7 +151,7 @@ function Button({
   return (
     <StyledButton
       id={id}
-      disabled={disabled}
+      disabled={disabled || loading}
       key={`Button-${type ?? "Normal"}-${variant ?? "Default"}-${id}`}
       className={className}
       variant={variant}