mirror of
https://github.com/Lissy93/web-check.git
synced 2025-06-19 19:28:00 +02:00
ref: Improves few of the older React components
This commit is contained in:
parent
03e980eafc
commit
e2d83b627a
@ -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}
|
||||
|
@ -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 && (
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
) }
|
||||
|
Loading…
x
Reference in New Issue
Block a user