diff --git a/src/api/test/protectedApiClient.test.ts b/src/api/test/protectedApiClient.test.ts
index 7b846fea..25b84f6a 100644
--- a/src/api/test/protectedApiClient.test.ts
+++ b/src/api/test/protectedApiClient.test.ts
@@ -2308,6 +2308,69 @@ describe('Admin Protected Client Routes', () => {
     });
   });
 
+  describe('filterSiteImages', () => {
+    it('makes the right request', async () => {
+      const response = '';
+
+      const params = {
+        submittedStart: null,
+        submittedEnd: null,
+        neighborhoods: [0, 1, 2],
+        siteIds: [0, 1, 2, 3],
+      };
+
+      nock(BASE_URL)
+        .get(ParameterizedAdminApiRoutes.FILTER_SITE_IMAGES(params))
+        .reply(200, response);
+
+      const result = await ProtectedApiClient.filterSiteImages(params);
+
+      expect(result).toEqual(response);
+    });
+
+    it('makes a bad request', async () => {
+      const response = 'Invalid dates given!';
+
+      const params = {
+        submittedStart: 'invalid date',
+        submittedEnd: null,
+        neighborhoods: [0, 1, 2],
+        siteIds: [0, 1, 2, 3],
+      };
+
+      nock(BASE_URL)
+        .get(ParameterizedAdminApiRoutes.FILTER_SITE_IMAGES(params))
+        .reply(400, response);
+
+      const result = await ProtectedApiClient.filterSiteImages(params).catch(
+        (err) => err.response.data,
+      );
+
+      expect(result).toEqual(response);
+    });
+
+    it('makes an unauthorized request ', async () => {
+      const response = 'Must be an admin';
+
+      const params = {
+        submittedStart: null,
+        submittedEnd: null,
+        neighborhoods: [0, 1, 2],
+        siteIds: [0, 1, 2, 3],
+      };
+
+      nock(BASE_URL)
+        .get(ParameterizedAdminApiRoutes.FILTER_SITE_IMAGES(params))
+        .reply(401, response);
+
+      const result = await ProtectedApiClient.filterSiteImages(params).catch(
+        (err) => err.response.data,
+      );
+
+      expect(result).toEqual(response);
+    });
+  });
+
   describe('uploadImage', () => {
     let imageToUpload: string | ArrayBuffer;
 
diff --git a/src/components/imageApprovalModal/index.tsx b/src/components/imageApprovalModal/index.tsx
new file mode 100644
index 00000000..4f4f438e
--- /dev/null
+++ b/src/components/imageApprovalModal/index.tsx
@@ -0,0 +1,259 @@
+import { Modal, Space, Button, Row, Col, Input, message } from 'antd';
+import React, {
+  CSSProperties,
+  Dispatch,
+  SetStateAction,
+  useEffect,
+  useState,
+} from 'react';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { FilterImageTableData } from '../../containers/reviewImages/types';
+import protectedApiClient from '../../api/protectedApiClient';
+import { useTranslation } from 'react-i18next';
+import { n } from '../../utils/stringFormat';
+import { site } from '../../constants';
+const { TextArea } = Input;
+
+interface ImageApprovalModal {
+  visible: boolean;
+  onClose: () => void;
+  tableData: FilterImageTableData | null;
+  approvedOrRejectedImageIds: number[];
+  setApprovedOrRejectedImageIds: Dispatch<SetStateAction<number[]>>;
+  allData: FilterImageTableData[];
+  setSelectedImage: Dispatch<SetStateAction<FilterImageTableData | null>>;
+}
+
+const ImageApprovalModal: React.FC<ImageApprovalModal> = (props) => {
+  const { t } = useTranslation(n(site, ['admin']), {
+    nsMode: 'fallback',
+    keyPrefix: 'review_images',
+  });
+
+  const { t: tForms } = useTranslation(n(site, ['forms']), {
+    nsMode: 'fallback',
+  });
+
+  const [open, setOpen] = useState(props.visible);
+  const [data, setData] = useState(props.tableData);
+  const [isRejectionTextOpen, setIsRejectionTextOpen] = useState(false);
+  const [rejectionReason, setRejectionReason] = useState('');
+  const [allData, setAllData] = useState(props.allData);
+
+  const close = () => {
+    setOpen(false);
+    props.onClose();
+  };
+
+  const openRejectionTextBox = () => {
+    setIsRejectionTextOpen(true);
+  };
+
+  const handleNextSubmission = () => {
+    const currentIndex = allData.findIndex(
+      (siteData) => siteData.key === data?.key,
+    );
+    const nextIndex = (currentIndex + 1) % allData.length;
+    const nextImage = allData[nextIndex];
+    setData(nextImage);
+  };
+
+  const footer = (
+    <Space style={{ width: '100%', justifyContent: 'space-between' }}>
+      <Button style={{ color: 'gray' }} onClick={close}>
+        <LeftOutlined /> {t('modal.back')}
+      </Button>
+      <Button style={{ color: 'gray' }} onClick={handleNextSubmission}>
+        {t('modal.next')} <RightOutlined />
+      </Button>
+    </Space>
+  );
+
+  const rejectionReasonStyle = {
+    background: 'rgb(239, 239, 239)',
+    borderRadius: '5px',
+    marginTop: '5%',
+    padding: '3%',
+    paddingRight: '10%',
+  };
+
+  const StatusHeader = () => {
+    return (
+      <>
+        <h1 style={{ color: 'black', marginBottom: '-8px' }}>
+          {t('modal.status')}
+        </h1>
+        <div
+          style={{
+            display: 'flex',
+            width: '100%',
+            backgroundColor: 'rgb(232, 240, 215)',
+            padding: '2%',
+            borderRadius: '5px',
+          }}
+        >
+          <Button
+            type="primary"
+            style={{ flex: 1, marginRight: '8px', color: 'black' }}
+            onClick={onClickAccept}
+          >
+            {t('modal.approve')}
+          </Button>
+          <Button
+            type="primary"
+            style={{ flex: 1, color: 'black' }}
+            onClick={openRejectionTextBox}
+          >
+            {t('modal.reject')}
+          </Button>
+        </div>
+      </>
+    );
+  };
+
+  if (!data) {
+    return null;
+  }
+
+  const treeSummaryTextStyle: CSSProperties = {
+    whiteSpace: 'nowrap', // Prevent text from wrapping
+  };
+
+  async function onClickReject() {
+    const toReject: Promise<void>[] = [];
+    if (!data) {
+      return null;
+    }
+    toReject.push(protectedApiClient.rejectImage(data.key, rejectionReason));
+    Promise.all(toReject)
+      .then(() => {
+        props.setApprovedOrRejectedImageIds((prevIds) => [
+          ...prevIds,
+          data.key,
+        ]);
+        close();
+      })
+      .then(() => {
+        message.success(t('message.reject_success'));
+      })
+      .catch((err) => {
+        message.error(t('message.reject_error', { error: err.response.data }));
+      });
+  }
+
+  async function onClickAccept() {
+    const toApprove: Promise<void>[] = [];
+    if (!data) {
+      return null;
+    }
+    toApprove.push(protectedApiClient.approveImage(data.key));
+    Promise.all(toApprove)
+      .then(() => {
+        props.setApprovedOrRejectedImageIds((prevIds) => [
+          ...prevIds,
+          data.key,
+        ]);
+        close();
+      })
+      .then(() => {
+        message.success(t('message.approve_success'));
+      })
+      .catch((err) => {
+        message.error(t('message.approve_error', { error: err.response.data }));
+      });
+  }
+
+  function treeSummaryLine(lineName: string, lineItem: number | string) {
+    return (
+      <>
+        <Col span={12}>
+          <b>
+            <p style={treeSummaryTextStyle}>{lineName}</p>
+          </b>
+        </Col>
+        <Col span={12}>
+          <p style={treeSummaryTextStyle}>{lineItem}</p>
+        </Col>
+      </>
+    );
+  }
+
+  const TreeSummaryDisplay = () => {
+    return (
+      <div style={{ marginTop: '5%' }}>
+        <Row gutter={[24, 25]}>
+          <Col span={24}>
+            <Row gutter={25}>
+              {isRejectionTextOpen ? (
+                <></>
+              ) : (
+                <>
+                  {treeSummaryLine(t('summary.id'), data.siteId)}
+                  {treeSummaryLine(t('summary.date'), data.dateSubmitted)}
+                  {treeSummaryLine(t('summary.submitted'), data.submittedBy)}
+                </>
+              )}
+              {treeSummaryLine(t('summary.species'), data.species)}
+              {treeSummaryLine(t('summary.neighborhood'), data.neighborhood)}
+              {treeSummaryLine(t('summary.address'), data.address)}
+            </Row>
+          </Col>
+        </Row>
+      </div>
+    );
+  };
+
+  useEffect(() => {
+    setOpen(open);
+  }, [props.visible]);
+
+  return (
+    <Modal
+      open={open}
+      onOk={close}
+      onCancel={close}
+      footer={footer}
+      width={'40%'}
+    >
+      <Row gutter={[15, 0]}>
+        <Col span={12}>
+          <img
+            src={data.preview}
+            alt="Submission"
+            style={{
+              width: '100%',
+              border: '3px SOLID rgb(141, 164, 113)',
+              borderRadius: '5px',
+            }}
+          />
+        </Col>
+        <Col span={12}>
+          <StatusHeader />
+          {isRejectionTextOpen ? (
+            <div style={rejectionReasonStyle}>
+              <h3 style={{ color: 'black' }}>{t('modal.form.prompt')}</h3>
+              <TextArea
+                placeholder={t('modal.form.placeholder')}
+                style={{ height: 50 }}
+                value={rejectionReason}
+                onChange={(e) => setRejectionReason(e.target.value)}
+              />
+              <Button
+                type="primary"
+                style={{ marginTop: '3%' }}
+                onClick={onClickReject}
+              >
+                {tForms('submit')}
+              </Button>
+            </div>
+          ) : (
+            <></>
+          )}
+          <TreeSummaryDisplay />
+        </Col>
+      </Row>
+    </Modal>
+  );
+};
+
+export default ImageApprovalModal;
diff --git a/src/components/treePage/treeInfo.tsx b/src/components/treePage/treeInfo.tsx
index 6e3f4746..f67b57bd 100644
--- a/src/components/treePage/treeInfo.tsx
+++ b/src/components/treePage/treeInfo.tsx
@@ -165,9 +165,9 @@ export const TreeInfo: React.FC<TreeProps> = ({
             isAdopted={isAdopted}
           />
 
-          {/* {treePresent && (
+          {treePresent && (
             <UploadSiteImageButton siteEntryId={siteData.entries[0].id} />
-          )} */}
+          )}
 
           <ReportSiteButton siteId={siteData.siteId} />
 
diff --git a/src/components/unapprovedImagesTable/index.tsx b/src/components/unapprovedImagesTable/index.tsx
index f5a201b3..c3be8179 100644
--- a/src/components/unapprovedImagesTable/index.tsx
+++ b/src/components/unapprovedImagesTable/index.tsx
@@ -1,21 +1,117 @@
-import React, { SetStateAction, useMemo, useState } from 'react';
-import { Table } from 'antd';
+import React, {
+  Dispatch,
+  PropsWithChildren,
+  SetStateAction,
+  useMemo,
+  useState,
+} from 'react';
+import { Table, Pagination } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
-import { EmailerTableData, FilteredSite } from '../../containers/email/types';
 import { NEIGHBORHOOD_IDS } from '../../assets/content';
 import {
   FilteredSiteImage,
   FilterImageTableData,
 } from '../../containers/reviewImages/types';
+import styled from 'styled-components';
+import ImageApprovalModal from '../imageApprovalModal';
+import { CheckOutlined } from '@ant-design/icons';
+import { Flex } from '../themedComponents';
+import { useTranslation } from 'react-i18next';
+import { n } from '../../utils/stringFormat';
+import { site } from '../../constants';
+import i18n from '../../i18n/i18n';
+
+const tg = i18n.t;
 
 interface UnapprovedImagesTable {
   readonly fetchData: FilteredSiteImage[];
   readonly setSelectedImageIds: React.Dispatch<SetStateAction<number[]>>;
+  readonly useGridView: boolean;
+  readonly approvedOrRejectedImageIds: number[];
+  readonly setApprovedOrRejectedImageIds: Dispatch<SetStateAction<number[]>>;
 }
 
+const ImageCard = styled.div`
+  background-color: rgba(0, 0, 0, 0.1);
+  background-blend-mode: darken;
+  border-radius: 10px;
+  width: 200px;
+  height: 200px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  background-size: cover;
+  font-size: 16pt;
+  font-weight: bold;
+  transition: background-color 0.2s;
+  text-align: center;
+
+  &:hover {
+    background-color: rgba(226, 254, 170, 0.5);
+    background-blend-mode: multiply;
+  }
+`;
+
+const ImageHighlightOverlay = styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #a7ee31bb;
+  z-index: 0;
+  border-radius: 10px;
+`;
+
+interface ModalCardProps {
+  image: string;
+  siteId: number;
+  species: string;
+  isSelected: boolean;
+}
+
+const ModalLinkCard: React.FC<PropsWithChildren<ModalCardProps>> = ({
+  image,
+  siteId,
+  species,
+  children,
+  isSelected,
+}) => {
+  const { t } = useTranslation(n(site, ['admin']), { nsMode: 'fallback' });
+  const [isHovered, setIsHovered] = useState(false);
+
+  // Display species if hovered, and check if selected. Hover text takes precedence.
+  const overlayContent = isHovered ? (
+    <div style={{ color: 'black' }}>
+      <b>{`${t('review_images.summary.species')}:`}</b>
+      <br />
+      {species}
+    </div>
+  ) : isSelected ? (
+    <CheckOutlined style={{ fontSize: '70px', fontWeight: 'bold' }} />
+  ) : (
+    <></>
+  );
+
+  return (
+    <ImageCard
+      style={{ backgroundImage: `url(${image})`, position: 'relative' }}
+      onMouseEnter={() => setIsHovered(true)}
+      onMouseLeave={() => setIsHovered(false)}
+    >
+      <div style={{ position: 'relative', zIndex: 1 }}>
+        {children}
+        {overlayContent}
+      </div>
+      {(isHovered || isSelected) && <ImageHighlightOverlay />}
+    </ImageCard>
+  );
+};
 const columns: ColumnsType<FilterImageTableData> = [
   {
-    title: 'Preview',
+    title: tg('review_images.summary.preview', { ns: 'admin' }),
     dataIndex: 'preview_url',
     key: 'preview_url',
     render: (dataIndexValue, record) => {
@@ -23,22 +119,22 @@ const columns: ColumnsType<FilterImageTableData> = [
     },
   },
   {
-    title: 'Site ID',
+    title: tg('review_images.summary.id', { ns: 'admin' }),
     dataIndex: 'siteId',
     key: 'siteId',
   },
   {
-    title: 'Species',
+    title: tg('review_images.summary.species', { ns: 'admin' }),
     dataIndex: 'species',
     key: 'species',
   },
   {
-    title: 'Neighborhood',
+    title: tg('review_images.summary.neighborhood', { ns: 'admin' }),
     dataIndex: 'neighborhood',
     key: 'neighborhood',
   },
   {
-    title: 'Date Submitted',
+    title: tg('review_images.summary.date', { ns: 'admin' }),
     dataIndex: 'dateSubmitted',
     key: 'dateSubmitted',
   },
@@ -55,34 +151,103 @@ function responseToTableData(
     dateSubmitted: data.dateSubmitted,
     species: data.commonName,
     neighborhood: NEIGHBORHOOD_IDS[data.neighborhoodId],
+    submittedBy: data.uploaderName,
+    address: data.address,
   };
 }
 
 const UnapprovedImagesTable: React.FC<UnapprovedImagesTable> = ({
   fetchData,
   setSelectedImageIds,
+  useGridView,
+  approvedOrRejectedImageIds,
+  setApprovedOrRejectedImageIds,
 }) => {
-  const tableData = useMemo(
-    () => (fetchData ? fetchData.map(responseToTableData) : []),
-    [fetchData],
-  );
+  const tableData = useMemo(() => {
+    const filteredData = fetchData
+      ? fetchData.filter(
+          (data) => !approvedOrRejectedImageIds.includes(data.imageId),
+        )
+      : [];
+
+    return filteredData ? filteredData.map(responseToTableData) : [];
+  }, [fetchData, approvedOrRejectedImageIds]);
 
   const [selectedRowKeys, setSelectedRowKeys] = useState<number[]>([]);
+  const [currentPage, setCurrentPage] = useState(1);
+  const [approveImageModalOpen, setApproveImageModalOpen] = useState(false);
+  const [selectedImage, setSelectedImage] =
+    useState<FilterImageTableData | null>(null);
 
-  return (
-    <Table
-      columns={columns}
-      dataSource={tableData}
-      size="middle"
-      rowSelection={{
-        selectedRowKeys,
-        onChange: (_, selectedRows) => {
-          setSelectedImageIds(selectedRows.map((row) => row.key));
-          setSelectedRowKeys(selectedRows.map((row) => row.key));
-        },
-      }}
-    />
-  );
+  const handlePageChange = (page: number) => {
+    setCurrentPage(page);
+  };
+
+  const TableView = () => {
+    return (
+      <Table
+        columns={columns}
+        dataSource={tableData}
+        size="middle"
+        rowSelection={{
+          selectedRowKeys,
+          onChange: (_, selectedRows) => {
+            setSelectedImageIds(selectedRows.map((row) => row.key));
+            setSelectedRowKeys(selectedRows.map((row) => row.key));
+          },
+        }}
+      />
+    );
+  };
+
+  const openApproveImageModal = (data: FilterImageTableData) => {
+    setApproveImageModalOpen(true);
+    setSelectedImage(data);
+  };
+
+  const GridView = () => {
+    const pageSize = 9; // Number of cards per page
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    const displayedData = tableData.slice(startIndex, endIndex);
+
+    return (
+      <>
+        <div>
+          <Flex justifyContent="space-between" gap="15px 50px">
+            {displayedData.map((data) => (
+              <div key={data.key} onClick={() => openApproveImageModal(data)}>
+                <ModalLinkCard
+                  image={data.preview}
+                  siteId={data.siteId}
+                  species={data.species}
+                  isSelected={selectedRowKeys.includes(data.key)}
+                />
+              </div>
+            ))}
+          </Flex>
+          <Pagination
+            current={currentPage}
+            total={tableData.length}
+            pageSize={pageSize}
+            onChange={handlePageChange}
+            style={{ marginTop: '16px' }}
+          />
+        </div>
+        <ImageApprovalModal
+          visible={approveImageModalOpen}
+          onClose={() => setApproveImageModalOpen(false)}
+          tableData={selectedImage}
+          approvedOrRejectedImageIds={approvedOrRejectedImageIds}
+          setApprovedOrRejectedImageIds={setApprovedOrRejectedImageIds}
+          allData={tableData}
+          setSelectedImage={setSelectedImage}
+        />
+      </>
+    );
+  };
+
+  return useGridView ? <GridView /> : <TableView />;
 };
 
 export default UnapprovedImagesTable;
diff --git a/src/containers/reviewImages/index.tsx b/src/containers/reviewImages/index.tsx
index a398965b..ddf7314b 100644
--- a/src/containers/reviewImages/index.tsx
+++ b/src/containers/reviewImages/index.tsx
@@ -10,10 +10,14 @@ import {
   ReturnButton,
 } from '../../components/themedComponents';
 import { Routes } from '../../App';
-import { ArrowLeftOutlined } from '@ant-design/icons';
+import {
+  ArrowLeftOutlined,
+  UnorderedListOutlined,
+  AppstoreOutlined,
+} from '@ant-design/icons';
 import PageHeader from '../../components/pageHeader';
 import PageLayout from '../../components/pageLayout';
-import { DARK_GREEN } from '../../utils/colors';
+import { DARK_GREEN, MID_GREEN } from '../../utils/colors';
 import { Alert, Button, Col, message, Row, Spin, Typography } from 'antd';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
@@ -51,6 +55,22 @@ const ApproveRejectDialogue = styled.div`
   align-items: center;
 `;
 
+const TableViewSelect = styled.div`
+  display: flex;
+  margin: 5px;
+  justify-content: flex-end;
+`;
+
+const TableViewIcon = styled.div`
+  display: flex;
+  flex-direction: row;
+  margin: 5px;
+  align-items: center;
+  padding: 1px;
+  border: 1px solid;
+  border-radius: 6px;
+`;
+
 const ApproveRejectStyling = {
   padding: '3px',
   margin: '5px',
@@ -75,16 +95,28 @@ const ReviewImages: React.FC = () => {
   const { t } = useTranslation(n(site, ['admin']), {
     nsMode: 'fallback',
   });
+  const [useGridView, setUseGridView] = useState<boolean>(false);
   const [filters, setFilters] = useState<ReviewImageFilters>(defaultFilters);
   const [fetchData, setFetchData] = useState<FilteredSiteImage[]>([]);
   const [selectedImageIds, setSelectedImageIds] = useState<number[]>([]);
   const [fetchSiteImagesState, setFetchSiteImagesState] =
     useState<LoadingState>(LoadingState.SUCCESS);
+  const [approvedOrRejectedImageIds, setApprovedOrRejectedImageIds] = useState<
+    number[]
+  >([]);
 
   useEffect(() => {
     onClickSearch();
   }, []);
 
+  function switchToTable() {
+    setUseGridView(false);
+  }
+
+  function switchToGrid() {
+    setUseGridView(true);
+  }
+
   function onClickSearch() {
     setFetchSiteImagesState(LoadingState.LOADING);
     // display some loading thing here
@@ -106,7 +138,7 @@ const ReviewImages: React.FC = () => {
       })
       .catch((err) => {
         setFetchSiteImagesState(LoadingState.ERROR);
-        message.error('Cannot access images');
+        message.error(t('review_images.message.search_error'));
       });
   }
 
@@ -151,7 +183,7 @@ const ReviewImages: React.FC = () => {
       <PageLayout>
         <PaddedPageContainer>
           <ReturnButton to={Routes.ADMIN}>
-            <ArrowLeftOutlined /> Back to Dashboard
+            <ArrowLeftOutlined /> {t('back')}
           </ReturnButton>
           <PageHeader pageTitle={t('review_images.review_image_title')} />
           <DashboardContent>
@@ -162,7 +194,9 @@ const ReviewImages: React.FC = () => {
           <Row>
             <Col span={6}>
               <FilterHeader>
-                <Typography.Title level={3}>Filter By</Typography.Title>
+                <Typography.Title level={3}>
+                  {t('review_images.search.header')}
+                </Typography.Title>
                 <Button
                   type="link"
                   onClick={(e) => {
@@ -170,7 +204,7 @@ const ReviewImages: React.FC = () => {
                     setFilters(defaultFilters);
                   }}
                 >
-                  Clear Filters
+                  {t('review_images.search.clear')}
                 </Button>
               </FilterHeader>
               <UnapprovedFilterImageControls
@@ -179,7 +213,7 @@ const ReviewImages: React.FC = () => {
               />
               <br />
               <Button type="primary" size="large" onClick={onClickSearch}>
-                Search
+                {t('review_images.search.search')}
               </Button>
             </Col>
             <Col span={17}>
@@ -204,20 +238,45 @@ const ReviewImages: React.FC = () => {
                               type="primary"
                               onClick={onClickAccept}
                             >
-                              Accept
+                              {t('review_images.modal.approve')}
                             </Button>
                             <Button
                               style={ApproveRejectStyling}
                               type="primary"
                               onClick={onClickReject}
                             >
-                              Reject
+                              {t('review_images.modal.reject')}
                             </Button>
                           </ApproveRejectDialogue>
                         )}
+                        <TableViewSelect>
+                          <TableViewIcon
+                            onClick={switchToTable}
+                            style={{
+                              color: !useGridView ? '#6d8e33' : '#b4bba4',
+                            }}
+                          >
+                            <UnorderedListOutlined />
+                          </TableViewIcon>
+                          <TableViewIcon
+                            onClick={switchToGrid}
+                            style={{
+                              color: useGridView ? '#6d8e33' : '#b4bba4',
+                            }}
+                          >
+                            <AppstoreOutlined />
+                          </TableViewIcon>
+                        </TableViewSelect>
                         <UnapprovedImagesTable
                           fetchData={fetchData}
                           setSelectedImageIds={setSelectedImageIds}
+                          useGridView={useGridView}
+                          approvedOrRejectedImageIds={
+                            approvedOrRejectedImageIds
+                          }
+                          setApprovedOrRejectedImageIds={
+                            setApprovedOrRejectedImageIds
+                          }
                         ></UnapprovedImagesTable>
                       </>
                     );
@@ -225,8 +284,10 @@ const ReviewImages: React.FC = () => {
                     return (
                       <FetchInfoContainer>
                         <Alert
-                          message="Error"
-                          description="Failed to fetch site data!"
+                          message={t('review_images.search.error_header')}
+                          description={t(
+                            'review_images.search.error_description',
+                          )}
                           type="error"
                           showIcon
                         />
diff --git a/src/containers/reviewImages/types.ts b/src/containers/reviewImages/types.ts
index 587f6fec..dc87825b 100644
--- a/src/containers/reviewImages/types.ts
+++ b/src/containers/reviewImages/types.ts
@@ -37,4 +37,6 @@ export interface FilterImageTableData {
   species: string;
   neighborhood: Neighborhoods;
   dateSubmitted: string;
+  submittedBy: string;
+  address: string;
 }
diff --git a/src/i18n/en/admin.json b/src/i18n/en/admin.json
index d1a6f469..30bbee87 100644
--- a/src/i18n/en/admin.json
+++ b/src/i18n/en/admin.json
@@ -47,8 +47,42 @@
     "email": "Email"
   },
   "review_images": {
+    "super_admin": "Super Admin",
     "review_image_title": "Tree Photo Review",
     "review_image_description": "Review photos of trees submitted by volunteers",
-    "super_admin": "Super Admin"
+    "search": {
+      "header": "Filter By",
+      "clear": "Clear Filters",
+      "search": "Search",
+      "error_header": "Error",
+      "error_description": "Failed to fetch site images!"
+    },
+    "summary": {
+      "preview": "Preview",
+      "id": "Site ID",
+      "date": "Date Submitted",
+      "submitted": "Submitted By",
+      "species": "Species",
+      "neighborhood": "Neighborhood",
+      "address": "Address"
+    },
+    "modal": {
+      "status": "Status",
+      "back": "Back to List",
+      "next": "Next Submission",
+      "approve": "Accept",
+      "reject": "Reject",
+      "form": {
+        "prompt": "Reason for Rejection",
+        "placeholder": "Type here..."
+      }
+    },
+    "message": {
+      "search_error": "Cannot access images",
+      "approve_success": "Successfully approved image(s)!",
+      "reject_sucess": "Successfully rejected images(s)!",
+      "approve_error": "Error approving image(s): {{error}}",
+      "reject_error": "Error rejecting image(s): {{error}}"
+    }
   }
 }
diff --git a/src/i18n/en/maps.json b/src/i18n/en/maps.json
index 903322e4..0e658bd3 100644
--- a/src/i18n/en/maps.json
+++ b/src/i18n/en/maps.json
@@ -38,4 +38,4 @@
       "privateStreet": "Private streets that volunteers shouldn't enter!"
     }
   }
-}
\ No newline at end of file
+}