feat: harmeet feedback

Author: kemuru

web/src/components/DisputePreview/Policies.tsx

@@ -86,7 +86,7 @@ export const Policies: React.FC<IPolicies> = ({ disputePolicyURI, courtId, attac
       <StyledP>Make sure you read and understand the Policies</StyledP>
       <LinkContainer>
         {!isUndefined(attachment) && !isUndefined(attachment.uri) ? (
-          <StyledInternalLink to={getIpfsUrl(attachment.uri)} target="_blank" rel="noreferrer">
+          <StyledInternalLink to={`attachment/?url=${getIpfsUrl(attachment.uri)}`}>
             <StyledPaperclipIcon />
             {attachment.label ?? "Attachment"}
           </StyledInternalLink>

web/src/consts/community-elements.tsx web/src/consts/community-elements.tsweb/src/consts/community-elements.tsx renamed to web/src/consts/community-elements.ts

@@ -73,7 +73,14 @@ const Header: React.FC = () => {
     navigate(-1);
   };
 
-  const title = location.pathname.includes("policy") ? `Policy File - Case #${id}` : "Attachment File";
+  let title = "";
+  if (location.pathname.includes("policy")) {
+    title = `Policy - Case #${id}`;
+  } else if (location.pathname.includes("evidence")) {
+    title = "Attached File";
+  } else if (location.pathname.includes("attachment")) {
+    title = `Attachment - Case #${id}`;
+  }
 
   return (
     <Container>

web/src/consts/socialmedia.tsx web/src/consts/socialmedia.tsweb/src/consts/socialmedia.tsx renamed to web/src/consts/socialmedia.ts

@@ -23,6 +23,7 @@ const Cases: React.FC = () => (
       <Route path="/display/:page/:order/:filter" element={<CasesFetcher />} />
       <Route path="/:id/evidence/attachment/*" element={<AttachmentDisplay />} />
       <Route path="/:id/overview/policy/attachment/*" element={<AttachmentDisplay />} />
+      <Route path="/:id/overview/attachment/*" element={<AttachmentDisplay />} />
       <Route path="/:id/*" element={<CaseDetails />} />
     </Routes>
   </Container>

web/src/pages/Cases/AttachmentDisplay/Header.tsx

@@ -89,7 +89,7 @@ const StyledCard = styled.div`
   height: fit-content;
   display: grid;
   gap: 32px;
-  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
   padding-top: ${responsiveSize(28, 32)};
   padding-bottom: ${responsiveSize(20, 0)};
 
@@ -143,7 +143,7 @@ const stats: IStat[] = [
     icon: VoteStake,
   },
   {
-    title: "Juror Reward per Coherent Vote",
+    title: "Reward per Vote",
     coinId: 1,
     getText: (data) => {
       const jurorReward = formatUnitsWei(data?.feeForJuror);
@@ -180,7 +180,7 @@ const stats: IStat[] = [
     icon: BalanceIcon,
   },
   {
-    title: "Total ETH paid to Jurors",
+    title: "Total ETH paid",
     coinId: 1,
     getText: (data) => formatETH(data?.paidETH),
     getSubtext: (data, coinPrice) => formatUSD(Number(formatUnitsWei(data?.paidETH)) * (coinPrice ?? 0)),