feat(resources): Added resources listing and edit add form

Author: crsstha

app/root/config/routes.tsx

@@ -251,6 +251,27 @@ const users: RouteConfig = {
     visibility: 'is-authenticated',
 };
 
+const resources: RouteConfig = {
+    index: true,
+    path: 'resources',
+    load: () => import('#views/Resources/ResourcesList'),
+    visibility: 'is-authenticated',
+};
+
+const editResources: RouteConfig = {
+    index: true,
+    path: 'resources/:id/edit',
+    load: () => import('#views/Resources/ResourcesForm'),
+    visibility: 'is-authenticated',
+};
+
+const addResources: RouteConfig = {
+    index: true,
+    path: 'resources/add',
+    load: () => import('#views/Resources/ResourcesForm'),
+    visibility: 'is-authenticated',
+};
+
 const routes = {
     login,
     home,
@@ -288,6 +309,9 @@ const routes = {
     editStrategicDirectives,
     strategicDirectives,
     users,
+    resources,
+    addResources,
+    editResources,
 };
 
 export type RouteKeys = keyof typeof routes;

app/views/FAQs/FAQsForm/index.tsx

@@ -139,7 +139,7 @@ function FAQsForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="FAQs DETAIL" />
+                <FormSection headingLevel={3} label={id ? 'FAQs DETAIL' : 'CREATE FAQ'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>

app/views/Highlight/HighlightForm/index.tsx

@@ -306,7 +306,7 @@ function HighlightForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="FAQS DETAIL" />
+                <FormSection headingLevel={3} label={id ? 'HIGHLIGHT DETAILS' : 'CREATE HIGHLIGHT'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>

app/views/News/NewsForm/index.tsx

@@ -195,7 +195,7 @@ function NewsForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="NEWS DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'NEWS DETAILS' : 'CREATE NEWS'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>

app/views/Partner/PartnerForm/index.tsx

@@ -153,7 +153,7 @@ function PartnerForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="PARTNER DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'PARTNER DETAILS' : 'CREATE PARTNER'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
@@ -178,7 +178,7 @@ function PartnerForm() {
                         autoFocus
                     />
                 </FormSection>
-                <FormSection label="Status" description="Add status to either global or local" withAsteriskOnTitle>
+                <FormSection label="Scope" description="Add scope to either global or local" withAsteriskOnTitle>
                     <SelectInput
                         name="scope"
                         options={scopeOptions}

app/views/PrivateLayout/index.tsx

@@ -74,6 +74,12 @@ const navigation = [
                 title: 'Radio Programs',
                 variant: 'leaf' as const,
 
+            },
+            {
+                to: '/resources',
+                title: 'Resources',
+                variant: 'leaf' as const,
+
             },
             {
                 to: '/strategic-directive',

app/views/Procurement/ProcurementForm/index.tsx

@@ -159,7 +159,7 @@ function ProcurementForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="PROCUREMENT DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'PROCUREMENT DETAILS' : 'CREATE PROCUREMENT'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>

app/views/Project/ProjectForm/index.tsx

@@ -160,7 +160,7 @@ function ProjectForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="VACANCY DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'PROJECT DETAILS' : 'CREATE PROJECT'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>

app/views/RadioProgram/RadioProgramForm/index.tsx

@@ -166,7 +166,7 @@ function RadioProgramForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="RADIO PROGRAM DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'RADIO PROGRAM DETAILS' : 'CREATE RADIO PROGRAM'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>