From e2d83b627aca154e5d23df0823e9df1780e78a37 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sat, 8 Jun 2024 15:21:10 +0100
Subject: [PATCH] ref: Improves few of the older React components

---
 src/web-check-live/components/Results/TechStack.tsx       | 2 +-
 src/web-check-live/components/Results/TlsCipherSuites.tsx | 2 +-
 src/web-check-live/components/misc/Footer.tsx             | 2 +-
 src/web-check-live/views/Home.tsx                         | 4 ++--
 src/web-check-live/views/Results.tsx                      | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/web-check-live/components/Results/TechStack.tsx b/src/web-check-live/components/Results/TechStack.tsx
index a49eed6..198e661 100644
--- a/src/web-check-live/components/Results/TechStack.tsx
+++ b/src/web-check-live/components/Results/TechStack.tsx
@@ -85,7 +85,7 @@ const TechStackCard = (props: {data: any, title: string, actionButtons: any }):
     <Card heading={props.title} actionButtons={props.actionButtons} styles={cardStyles}>
       {technologies.map((tech: any, index: number) => {
         return (
-        <TechStackRow>
+        <TechStackRow key={`tech-stack-row-${index}`}>
           <div className="r1">
             <Heading as="h4" size="small">
               {tech.name}
diff --git a/src/web-check-live/components/Results/TlsCipherSuites.tsx b/src/web-check-live/components/Results/TlsCipherSuites.tsx
index 2f7de22..136fb2f 100644
--- a/src/web-check-live/components/Results/TlsCipherSuites.tsx
+++ b/src/web-check-live/components/Results/TlsCipherSuites.tsx
@@ -52,7 +52,7 @@ const TlsCard = (props: {data: any, title: string, actionButtons: any }): JSX.El
     <Card heading={props.title} actionButtons={props.actionButtons}>
       { cipherSuites.length && cipherSuites.map((cipherSuite: any, index: number) => {
         return (
-          <ExpandableRow key={`tls-${index}`} lbl={cipherSuite.title} val="" rowList={cipherSuite.fields} />
+          <ExpandableRow key={`tls-cipher-${index}`} lbl={cipherSuite.title} val="" rowList={cipherSuite.fields} />
         );
       })}
       { !cipherSuites.length && (
diff --git a/src/web-check-live/components/misc/Footer.tsx b/src/web-check-live/components/misc/Footer.tsx
index 295af60..22acecb 100644
--- a/src/web-check-live/components/misc/Footer.tsx
+++ b/src/web-check-live/components/misc/Footer.tsx
@@ -51,7 +51,7 @@ const Footer = (props: { isFixed?: boolean }): JSX.Element => {
       View source at <ALink href={githubUrl}>github.com/lissy93/web-check</ALink>
     </span>
     <span>
-      <Link to="/check/about">Web-Check</Link> is
+      <Link to="/about">Web-Check</Link> is
       licensed under <ALink href={licenseUrl}>MIT</ALink> -
       © <ALink href={authorUrl}>Alicia Sykes</ALink> 2023
     </span>
diff --git a/src/web-check-live/views/Home.tsx b/src/web-check-live/views/Home.tsx
index ce22f5a..7389821 100644
--- a/src/web-check-live/views/Home.tsx
+++ b/src/web-check-live/views/Home.tsx
@@ -278,7 +278,7 @@ const Home = (): JSX.Element => {
           <Heading as="h2" size="small" color={colors.primary}>Supported Checks</Heading>
           <ul>
             {docs.map((doc, index) => (<li key={index}>{doc.title}</li>))}
-            <li><Link to="/check/about">+ more!</Link></li>
+            <li><Link to="/about">+ more!</Link></li>
           </ul>
         </div>
         <div className="links">
@@ -288,7 +288,7 @@ const Home = (): JSX.Element => {
           <a target="_blank" rel="noreferrer" href="https://app.netlify.com/start/deploy?repository=https://github.com/lissy93/web-check" title="Deploy your own private or public instance of Web-Check to Netlify">
             <Button>Deploy your own</Button>
           </a>
-          <Link to="/check/about#api-documentation" title="View the API documentation, to use Web-Check programmatically">
+          <Link to="/about#api-documentation" title="View the API documentation, to use Web-Check programmatically">
             <Button>API Docs</Button>
           </Link>
         </div>
diff --git a/src/web-check-live/views/Results.tsx b/src/web-check-live/views/Results.tsx
index d714f39..5ca6197 100644
--- a/src/web-check-live/views/Results.tsx
+++ b/src/web-check-live/views/Results.tsx
@@ -906,8 +906,8 @@ const Results = (props: { address?: string } ): JSX.Element => {
           <div className="control-options">
             <span className="toggle-filters" onClick={() => setShowFilters(true)}>Show Filters</span>
             <a href="#view-download-raw-data"><span className="toggle-filters">Export Data</span></a>
-            <a href="/check/about"><span className="toggle-filters">Learn about the Results</span></a>
-            <a href="/check/about#additional-resources"><span className="toggle-filters">More tools</span></a>
+            <a href="/about"><span className="toggle-filters">Learn about the Results</span></a>
+            <a href="/about#additional-resources"><span className="toggle-filters">More tools</span></a>
             <a target="_blank" rel="noreferrer" href="https://github.com/lissy93/web-check"><span className="toggle-filters">View GitHub</span></a>
           </div>
       ) }