Merge pull request #74 from contentstack/feature/project-dashboard

Feature/project dashboard

Author: sayalijoshi27

ui/src/cmsData/legacyCms.json

@@ -269,4 +269,4 @@
   "restricted_keyword_checkbox_text": "Please acknowledge that you have referred to the Contentstack restricted keywords",
   "affix_cta": "Continue",
   "file_format_cta": "Continue"
-}
+}

ui/src/components/AdvancePropertise/index.tsx

@@ -1,9 +1,6 @@
 import {
   ModalBody,
-  ModalFooter,
   ModalHeader,
-  Button,
-  ButtonGroup,
   FieldLabel,
   TextInput,
   ToggleSwitch
@@ -13,6 +10,8 @@ import './index.scss';
 
 export interface SchemaProps {
   fieldtype: string;
+  value: any;
+  rowId: string;
   closeModal: () => void;
 }
 const AdvancePropertise = (props: SchemaProps) => {
@@ -33,24 +32,36 @@ const AdvancePropertise = (props: SchemaProps) => {
           Options
         </FieldLabel>
         <div className="options-class">
-          <ToggleSwitch label="Mandatory" labelColor="primary" labelPosition="right" />
-          <ToggleSwitch label="Multiple" labelColor="primary" labelPosition="right" />
-          <ToggleSwitch label="Unique" labelColor="primary" labelPosition="right" />
-          <ToggleSwitch label="Non-localizable" labelColor="primary" labelPosition="right" />
+          <ToggleSwitch
+            label="Mandatory"
+            labelColor="primary"
+            labelPosition="right"
+            checked={props?.value?.mandatory}
+          />
+          <ToggleSwitch
+            label="Multiple"
+            labelColor="primary"
+            labelPosition="right"
+            checked={props?.value?.multiple}
+          />
+          <ToggleSwitch
+            label="Unique"
+            labelColor="primary"
+            labelPosition="right"
+            checked={props?.value?.unique}
+          />
+          <ToggleSwitch
+            label="Non-localizable"
+            labelColor="primary"
+            labelPosition="right"
+            checked={props?.value?.non_localizable}
+          />
           <p className="non-localizable-message">
             If enabled, editing this field is restricted in localized entries. The field will use
             the value of the master-language entry in all localized entries.
           </p>
         </div>
       </ModalBody>
-      {/* <ModalFooter>
-            <ButtonGroup>
-              <Button buttonType="light" onClick={() => props.closeModal()}>
-                Cancel
-              </Button>
-              <Button>Save and proceed</Button>
-            </ButtonGroup>
-          </ModalFooter> */}
     </>
   );
 };

ui/src/components/Card/card.scss

@@ -68,8 +68,8 @@
 }
 .ProjectCard__modified-date {
   color: $color-font-base;
-  display:block;
-  font-size:$size-font-small;
+  display: block;
+  font-size: $size-font-small;
   font-weight: $font-weight-regular;
   line-height: $line-height-reset;
   padding-left: 8px;

ui/src/components/Card/index.tsx

@@ -19,19 +19,17 @@ const CardList = ({ project }: ProjectType) => {
     if (isEmptyString(id)) return;
     navigate(`/projects/${id}/migration/steps/1`);
   };
-
   useEffect(() => {
     const fetchProject = async () => {
-      const { data, status } = await getProject(
-        selectedOrganisation?.value || '',
-        project?.id || ''
-      );
-      if (data?.legacy_cms && status === 200) {
-        setprojectDetails(data?.legacy_cms?.cms);
+      if (selectedOrganisation?.value && project?.id) {
+        const { data, status } = await getProject(selectedOrganisation?.value, project?.id);
+        if (status === 200 && data?.legacy_cms) {
+          setprojectDetails(data?.legacy_cms.cms);
+        }
       }
     };
     fetchProject();
-  }, [projectDetails]);
+  }, [selectedOrganisation?.value, project?.id]);
 
   return (
     <div style={{ padding: '0 20px 20px 0' }}>

ui/src/components/Common/Settings/Settings.scss

@@ -13,7 +13,7 @@
   .PageLayout {
     width: 100%;
   }
-  .PageLayout__head  {
+  .PageLayout__head {
     border-left: 0 none;
   }
 }

ui/src/components/ContentMapper/contentMapper.interface.ts

@@ -93,6 +93,10 @@ export interface ContentTypeList {
 
 export interface optionsType {
   label?: string;
-  value?: string;
+  value?: object;
   isDisabled?: boolean;
 }
+
+export interface ExstingContentTypeMatch {
+  [key: string]: string;
+}