ThatGuyJack/nginx-proxy-manager
1
0
Fork 0
mirror of https://github.com/NginxProxyManager/nginx-proxy-manager.git synced 2025-09-23 23:10:34 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Moved tabler compoments into this project for more control

Browse Source
This commit is contained in:
Jamie Curnow
2021-07-14 20:48:05 +10:00
parent 5ad5ad41c7
commit 52f3801b4e
37 changed files with 1247 additions and 12883 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
frontend/src/components/Footer.tsx
View File

@@ -2,7 +2,6 @@ import React from "react";
import { useHealthState } from "context";
import styled from "styled-components";
import { Site } from "tabler-react";
const FixedFooterWrapper = styled.div`
position: fixed;
@@ -16,40 +15,75 @@ interface Props {
function Footer({ fixed }: Props) {
const { health } = useHealthState();
const footerNav = (
<div>
<a
href="https://nginxproxymanager.com?utm_source=npm"
target="_blank"
rel="noreferrer">
User Guide
</a>{" "}
{String.fromCharCode(183)}{" "}
<a
href="https://github.com/jc21/nginx-proxy-manager/releases?utm_source=npm"
target="_blank"
rel="noreferrer">
Changelog
</a>{" "}
{String.fromCharCode(183)}{" "}
<a
href="https://github.com/jc21/nginx-proxy-manager?utm_source=npm"
target="_blank"
rel="noreferrer">
Github
</a>
</div>
);
const note =
"v" + health.version + " " + String.fromCharCode(183) + " " + health.commit;
const wrapped = () => {
return (
<footer className="footer footer-transparent d-print-none">
<div className="container">
<div className="row text-center align-items-center flex-row-reverse">
<div className="col-lg-auto ms-lg-auto">
<ul className="list-inline list-inline-dots mb-0">
<li className="list-inline-item">
<a
href="https://nginxproxymanager.com?utm_source=npm"
target="_blank"
rel="noreferrer"
className="link-secondary">
User Guide
</a>
</li>
<li className="list-inline-item">
<a
href="https://github.com/jc21/nginx-proxy-manager/releases?utm_source=npm"
target="_blank"
rel="noreferrer"
className="link-secondary">
Changelog
</a>
</li>
<li className="list-inline-item">
<a
href="https://github.com/jc21/nginx-proxy-manager?utm_source=npm"
target="_blank"
rel="noreferrer"
className="link-secondary">
Github
</a>
</li>
</ul>
</div>
<div className="col-12 col-lg-auto mt-3 mt-lg-0">
<ul className="list-inline list-inline-dots mb-0">
<li className="list-inline-item">
Copyright © {new Date().getFullYear()} jc21.com. Theme by{" "}
<a
className="link-secondary"
href="https://preview.tabler.io/"
target="_blank"
rel="noreferrer">
Tabler
</a>
</li>
<li className="list-inline-item">
<a
href="https://github.com/jc21/nginx-proxy-manager/releases?utm_source=npm"
target="_blank"
className="link-secondary"
rel="noopener noreferrer">
v{health.version} {String.fromCharCode(183)} {health.commit}
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
);
};
return fixed ? (
<FixedFooterWrapper>
<Site.Footer copyright={note} nav={footerNav} />
</FixedFooterWrapper>
<FixedFooterWrapper>{wrapped()}</FixedFooterWrapper>
) : (
<Site.Footer copyright={note} nav={footerNav} />
wrapped()
);
}