feat: create a protected route for campaign applications (Epic #1842) (…

…#1855)

* create a protected route for campaign applications

* fix: self-closing tag linter error

src/common/routes.ts

@@ -91,6 +91,7 @@ export const routes = {
  campaigns: {
  index: '/campaigns',
  create: '/campaigns/create',
+ application: 'campaigns/application',
  viewCampaignBySlug: (slug: string) => `/campaigns/${slug}`,
  viewExpenses: (slug: string) => `/campaigns/${slug}/expenses`,
  oneTimeDonation: (slug: string) => `/campaigns/donation/${slug}`,

src/components/client/campaign-application/CampaignApplicationPage.tsx

@@ -0,0 +1,5 @@
+import Layout from '../layout/Layout'
+
+export default function CampaignApplicationPage() {
+ return <Layout />
+}

src/pages/campaigns/application.tsx

@@ -0,0 +1,11 @@
+import { GetServerSideProps } from 'next'
+import { securedPropsWithTranslation } from 'middleware/auth/securedProps'
+import { routes } from 'common/routes'
+import CampaignApplicationPage from 'components/client/campaign-application/CampaignApplicationPage'
+
+export const getServerSideProps: GetServerSideProps = securedPropsWithTranslation(
+ ['common', 'auth', 'validation', 'campaigns'],
+ routes.campaigns.application,
+)
+
+export default CampaignApplicationPage