feat: campaign application admin init (#1867)

* feat: campaign application admin init

- issue #1842
- add a admin space for the campaign applications
- only skeleton - will be fleshed out iteratively
- add admin edit campaign application
  - it will show all the steps of the stepper (create campaign application) with addition of the admin-only editable stuff

* Update EditPage.tsx

* fix: linting for campaign application admin edit

.eslintrc.js

@@ -45,9 +45,12 @@ module.exports = {
         endOfLine: 'auto',
       },
     ],
-    'no-restricted-imports': ["error", {
-      "name": "react-i18next",
-      "message": "Please use next-i18next"
-    }]
+    'no-restricted-imports': [
+      'error',
+      {
+        name: 'react-i18next',
+        message: 'Please use next-i18next',
+      },
+    ],
   },
 }

README.md

@@ -100,7 +100,9 @@ Watch releases of this repository to be notified about future updates:
 ## Contributors ✨
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-82-orange.svg?style=flat-square)](#contributors-)
+
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 Please check [contributors guide](https://github.com/podkrepi-bg/frontend/blob/master/CONTRIBUTING.md) for:

src/common/routes.ts

@@ -160,6 +160,10 @@ export const routes = {
       viewCampaignBySlug: (slug: string) => `/admin/campaigns/${slug}`,
       edit: (id: string) => `/admin/campaigns/edit/${id}`,
     },
+    campaignApplications: {
+      index: '/admin/campaign-applications',
+      edit: (id: string) => `/admin/campaign-applications/edit/${id}`,
+    },
     news: {
       index: '/admin/campaign-news',
       create: '/admin/campaign-news/create',

src/components/admin/campaign-applications/CampaignApplications.tsx

@@ -0,0 +1,26 @@
+import { useTranslation } from 'next-i18next'
+
+import EditOutlinedIcon from '@mui/icons-material/EditOutlined'
+import { IconButton } from '@mui/material'
+import { routes } from 'common/routes'
+import AdminContainer from 'components/common/navigation/AdminContainer'
+import AdminLayout from 'components/common/navigation/AdminLayout'
+import Link from 'next/link'
+
+export default function CampaignApplicationsPage() {
+  const { t } = useTranslation('campaigns')
+
+  return (
+    <AdminLayout>
+      <AdminContainer title={t('Кандидат Кампании')}>
+        <div>Campaigns will appear here</div>
+        <Link href={routes.admin.campaignApplications.edit('mock-id')} passHref>
+          <IconButton size="small" color="primary">
+            <EditOutlinedIcon />
+            takes you to edit page
+          </IconButton>
+        </Link>
+      </AdminContainer>
+    </AdminLayout>
+  )
+}

src/components/admin/campaign-applications/EditPage.tsx

@@ -0,0 +1,36 @@
+import { CampaignApplicationFormData } from 'components/client/campaign-application/helpers/campaignApplication.types'
+import CampaignApplication from 'components/client/campaign-application/steps/CampaignApplication'
+import CampaignApplicationDetails from 'components/client/campaign-application/steps/CampaignApplicationDetails'
+import CampaignApplicationOrganizer from 'components/client/campaign-application/steps/CampaignApplicationOrganizer'
+import GenericForm from 'components/common/form/GenericForm'
+import AdminContainer from 'components/common/navigation/AdminContainer'
+import AdminLayout from 'components/common/navigation/AdminLayout'
+
+export default function EditPage() {
+  const initialValues = {
+    organizer: {
+      name: '',
+      phone: '',
+      email: '',
+    },
+  } as CampaignApplicationFormData
+
+  return (
+    <AdminLayout>
+      <AdminContainer title={'Кандидат Кампании'}>
+        Will layout all the steps from the stepper plus the admin step
+        <GenericForm<CampaignApplicationFormData>
+          onSubmit={(v) => console.log(v)}
+          initialValues={initialValues}>
+          <CampaignApplicationOrganizer />
+        </GenericForm>
+        <div>.</div>
+        <CampaignApplication />
+        <div>.</div>
+        <CampaignApplicationDetails />
+        <div>.</div>
+        Edit the status and ticket URL here
+      </AdminContainer>
+    </AdminLayout>
+  )
+}

src/components/common/navigation/adminMenu.tsx

@@ -38,6 +38,11 @@ export const menuPeople = [
 ]
 export const menuCampaings = [
   { label: 'Кампании', icon: AssignmentInd, href: routes.admin.campaigns.index },
+  {
+    label: 'Кандидат Кампании',
+    icon: AssignmentInd,
+    href: routes.admin.campaignApplications.index,
+  },
   { label: 'Новини', icon: ArticleOutlined, href: routes.admin.news.index },
   { label: 'Документи', icon: FolderShared, href: routes.admin.documents.index },
   { label: 'Злоупотреби', icon: ReportGmailerrorredIcon, href: routes.admin.irregularity.index },
@@ -73,6 +78,11 @@ export const items = [
 
 export const adminCards = [
   { label: 'Кампании', icon: AssignmentInd, href: routes.admin.campaigns.index },
+  {
+    label: 'Кандидат Кампании',
+    icon: AssignmentInd,
+    href: routes.admin.campaignApplications.index,
+  },
   { label: 'Новини', icon: ArticleOutlined, href: routes.admin.news.index },
   { label: 'Плащания', icon: PaymentsIcon, href: routes.admin.payments.index },
   { label: 'Дарения', icon: VolunteerActivismOutlinedIcon, href: routes.admin.donations.index },

src/pages/admin/campaign-applications/edit/[id].tsx

@@ -0,0 +1,7 @@
+import EditPage from 'components/admin/campaign-applications/EditPage'
+
+import { securedPropsWithTranslation } from 'middleware/auth/securedProps'
+
+export const getServerSideProps = securedPropsWithTranslation()
+
+export default EditPage

src/pages/admin/campaign-applications/index.tsx

@@ -0,0 +1,6 @@
+import CampaignApplications from 'components/admin/campaign-applications/CampaignApplications'
+import { securedPropsWithTranslation } from 'middleware/auth/securedProps'
+
+export const getServerSideProps = securedPropsWithTranslation()
+
+export default CampaignApplications