Sk.cl.admin image approval setup

src/App.tsx

@@ -36,6 +36,7 @@ import FAQ from './containers/faq';
 import Email from './containers/email';
 import AddSites from './containers/addSites';
 import { addAxiosInterceptors } from './auth/axios';
+import ReviewImages from './containers/reviewImages';
 
 const AppLayout = styled(Layout)`
   min-height: 100vh;
@@ -75,6 +76,7 @@ export enum Routes {
   FORGOT_PASSWORD_RESET = '/forgot-password-reset/:key',
   EMAIL = '/email',
   ADD_SITES = '/add-sites',
+  REVIEW_IMAGE = '/review-site-image',
   NOT_FOUND = '*',
 }
 
@@ -279,6 +281,11 @@ const App: React.FC = () => {
                         exact
                         component={AddSites}
                       />
+                      <Route
+                        path={Routes.REVIEW_IMAGE}
+                        exact
+                        component={ReviewImages}
+                      />
                       <Route
                         path={Routes.NOT_FOUND}
                         exact

src/containers/adminDashboard/index.tsx

@@ -27,10 +27,12 @@ import {
   PlusOutlined,
   RocketFilled,
   SettingFilled,
+  PictureOutlined,
 } from '@ant-design/icons';
 import Image1 from '../../assets/images/bkg1.png';
 import Image2 from '../../assets/images/bkg2.png';
 import Image4 from '../../assets/images/bkg4.png';
+import ReviewImage from '../../assets/images/reviewImages.png';
 import { Routes } from '../../App';
 import { useTranslation } from 'react-i18next';
 import { site } from '../../constants';
@@ -171,6 +173,10 @@ const AdminDashboard: React.FC = () => {
               <MailOutlined style={{ fontSize: ICON_SIZE }} />
               {t('admin_functions.email_volunteers')}
             </ImageLinkCard>
+            <ImageLinkCard href={Routes.REVIEW_IMAGE} image={ReviewImage}>
+              <PictureOutlined style={{ fontSize: ICON_SIZE }} />
+              {t('admin_functions.review_site_images')}
+            </ImageLinkCard>
           </Flex>
         </AdminContentContainer>
         <Modal

src/containers/reviewImages/index.tsx

@@ -0,0 +1,56 @@
+import React, { useState, useEffect } from 'react';
+import { MapGeoDataReducerState } from '../../components/mapComponents/ducks/types';
+import { connect } from 'react-redux';
+import { Helmet } from 'react-helmet';
+import {
+  Block,
+  Flex,
+  MapContainer,
+  PaddedPageContainer,
+  ReturnButton,
+} from '../../components/themedComponents';
+import { Routes } from '../../App';
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import PageHeader from '../../components/pageHeader';
+import PageLayout from '../../components/pageLayout';
+import { Typography } from 'antd';
+import styled from 'styled-components';
+import { useTranslation } from 'react-i18next';
+import { site } from '../../constants';
+import { n } from '../../utils/stringFormat';
+
+const DashboardContent = styled.div`
+  font-size: 20px;
+`;
+
+const ReviewImages: React.FC = () => {
+  const { t } = useTranslation(n(site, ['admin']), {
+    nsMode: 'fallback',
+  });
+  return (
+    <>
+      <Helmet>
+        <title>Tree Photo Review</title>
+        <meta
+          name="description"
+          content="The page for admin users add and update site information"
+        />
+      </Helmet>
+      <PageLayout>
+        <PaddedPageContainer>
+          <ReturnButton to={Routes.ADMIN}>
+            <ArrowLeftOutlined /> Back to Dashboard
+          </ReturnButton>
+          <PageHeader pageTitle={t('review_images.review_image_title')} />
+          <DashboardContent>
+            <Typography.Text>
+              {t('review_images.review_image_description')}
+            </Typography.Text>
+          </DashboardContent>
+        </PaddedPageContainer>
+      </PageLayout>
+    </>
+  );
+};
+
+export default ReviewImages;

src/i18n/en/admin.json

@@ -18,11 +18,17 @@
     "header": "Admin Functions",
     "add_sites": "Add Sites",
     "view_reports": "View Reports",
-    "email_volunteers": "Email Volunteers"
+    "email_volunteers": "Email Volunteers",
+    "review_site_images": "Review Images"
   },
   "roles": {
     "admin": "Admin",
     "standard": "Standard",
     "super_admin": "Super Admin"
+  },
+  "review_images": {
+    "review_image_title": "Tree Photo Review",
+    "review_image_description": "Review photos of trees submitted by volunteers",
+    "super_admin": "Super Admin"
   }
 }