Fix link to uploaded files (#1343)

Co-authored-by: Mahmoud <mahmoud@Mahmouds-MacBook-Pro.local>
Recidiviz · May 23, 2024 · 86010ea · 86010ea
1 parent d67fe11
commit 86010ea
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/publisher/src/components/DataUpload/UploadedFiles.styles.tsx b/publisher/src/components/DataUpload/UploadedFiles.styles.tsx
@@ -35,17 +35,17 @@ export const UploadedFilesTitle = styled(AccountSettingsTitle)`
   }
 
   @media only screen and (max-width: ${MIN_TABLET_WIDTH}px) {
+    width: 80%;
     ${typography.sizeCSS.medium};
     border-bottom: 1px solid ${palette.highlight.grey9};
     position: fixed;
     top: ${HEADER_BAR_HEIGHT}px;
     padding: 24px 0;
     z-index: 2;
-    width: calc(100% - 48px);
     background-color: ${palette.solid.white};
 
     &::before {
-      content: "Settings > Uploaded Files";
+      content: "Uploaded Files";
     }
   }
 `;
@@ -163,6 +163,8 @@ export const UploadedFilesTable = styled(Table)`
 `;
 
 export const UploadedFilesWrapper = styled.div`
+  width: 80%;
+  margin-top: 52px;
   position: relative;
   overflow-y: auto;
 `;

diff --git a/publisher/src/components/Settings/AccountSettings.styles.tsx b/publisher/src/components/Settings/AccountSettings.styles.tsx
@@ -36,7 +36,6 @@ export const AccountSettingsTitle = styled.h1`
   ${typography.sizeCSS.title};
   margin-top: 4px;
   padding-bottom: 14px;
-  background-color: ${palette.solid.red};
 
   @media only screen and (max-width: ${MIN_TABLET_WIDTH}px) {
     ${typography.sizeCSS.medium};

diff --git a/publisher/src/router/Router.tsx b/publisher/src/router/Router.tsx
@@ -19,7 +19,7 @@ import React, { useEffect } from "react";
 import { Navigate, Route, Routes, useParams } from "react-router-dom";
 
 import { DataEntryInterstitial } from "../components/DataEntryInterstitial";
-import { DataUpload } from "../components/DataUpload";
+import { DataUpload, UploadedFiles } from "../components/DataUpload";
 import ShareSpreadsheetReview from "../components/DataUpload/ShareSpreadsheet";
 import ShareUploadErrorWarnings from "../components/DataUpload/ShareUploadErrorWarnings";
 import UploadSpreadsheetReview from "../components/DataUpload/UploadSpreadsheet";
@@ -72,6 +72,7 @@ export const Router = () => {
           />
           <Route path="/data" element={<MetricsDataChart />} />
           <Route path="/metric-config" element={<MetricsConfiguration />} />
+          <Route path="/settings/uploaded-files" element={<UploadedFiles />} />
           <Route path="/settings/*" element={<Settings />} />
           <Route path="/upload" element={<DataUpload />} />
           <Route path="/data-entry" element={<DataEntryInterstitial />} />