mirror of
https://github.com/Lissy93/web-check.git
synced 2025-06-20 03:37:41 +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}>
|
<Card heading={props.title} actionButtons={props.actionButtons} styles={cardStyles}>
|
||||||
{technologies.map((tech: any, index: number) => {
|
{technologies.map((tech: any, index: number) => {
|
||||||
return (
|
return (
|
||||||
<TechStackRow>
|
<TechStackRow key={`tech-stack-row-${index}`}>
|
||||||
<div className="r1">
|
<div className="r1">
|
||||||
<Heading as="h4" size="small">
|
<Heading as="h4" size="small">
|
||||||
{tech.name}
|
{tech.name}
|
||||||
|
@ -52,7 +52,7 @@ const TlsCard = (props: {data: any, title: string, actionButtons: any }): JSX.El
|
|||||||
<Card heading={props.title} actionButtons={props.actionButtons}>
|
<Card heading={props.title} actionButtons={props.actionButtons}>
|
||||||
{ cipherSuites.length && cipherSuites.map((cipherSuite: any, index: number) => {
|
{ cipherSuites.length && cipherSuites.map((cipherSuite: any, index: number) => {
|
||||||
return (
|
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 && (
|
{ !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>
|
View source at <ALink href={githubUrl}>github.com/lissy93/web-check</ALink>
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<Link to="/check/about">Web-Check</Link> is
|
<Link to="/about">Web-Check</Link> is
|
||||||
licensed under <ALink href={licenseUrl}>MIT</ALink> -
|
licensed under <ALink href={licenseUrl}>MIT</ALink> -
|
||||||
© <ALink href={authorUrl}>Alicia Sykes</ALink> 2023
|
© <ALink href={authorUrl}>Alicia Sykes</ALink> 2023
|
||||||
</span>
|
</span>
|
||||||
|
@ -278,7 +278,7 @@ const Home = (): JSX.Element => {
|
|||||||
<Heading as="h2" size="small" color={colors.primary}>Supported Checks</Heading>
|
<Heading as="h2" size="small" color={colors.primary}>Supported Checks</Heading>
|
||||||
<ul>
|
<ul>
|
||||||
{docs.map((doc, index) => (<li key={index}>{doc.title}</li>))}
|
{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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div className="links">
|
<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">
|
<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>
|
<Button>Deploy your own</Button>
|
||||||
</a>
|
</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>
|
<Button>API Docs</Button>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
@ -906,8 +906,8 @@ const Results = (props: { address?: string } ): JSX.Element => {
|
|||||||
<div className="control-options">
|
<div className="control-options">
|
||||||
<span className="toggle-filters" onClick={() => setShowFilters(true)}>Show Filters</span>
|
<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="#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="/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#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>
|
<a target="_blank" rel="noreferrer" href="https://github.com/lissy93/web-check"><span className="toggle-filters">View GitHub</span></a>
|
||||||
</div>
|
</div>
|
||||||
) }
|
) }
|
||||||
|
Loading…
x
Reference in New Issue
Block a user