ref: Improves few of the older React components

This commit is contained in:
Alicia Sykes 2024-06-08 15:21:10 +01:00
parent 03e980eafc
commit e2d83b627a
5 changed files with 7 additions and 7 deletions

View File

@ -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}

View File

@ -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 && (

View File

@ -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>

View File

@ -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>

View File

@ -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>
) }