62 lines
1.5 KiB
JavaScript
62 lines
1.5 KiB
JavaScript
import React, { useEffect, useState } from 'react';
|
||
|
||
import { Container, Segment } from 'semantic-ui-react';
|
||
import { getFooterHTML, getSystemName } from '../helpers';
|
||
|
||
const Footer = () => {
|
||
const systemName = getSystemName();
|
||
const [footer, setFooter] = useState(getFooterHTML());
|
||
let remainCheckTimes = 5;
|
||
|
||
const loadFooter = () => {
|
||
let footer_html = localStorage.getItem('footer_html');
|
||
if (footer_html) {
|
||
setFooter(footer_html);
|
||
}
|
||
};
|
||
|
||
useEffect(() => {
|
||
const timer = setInterval(() => {
|
||
if (remainCheckTimes <= 0) {
|
||
clearInterval(timer);
|
||
return;
|
||
}
|
||
remainCheckTimes--;
|
||
loadFooter();
|
||
}, 200);
|
||
return () => clearTimeout(timer);
|
||
}, []);
|
||
|
||
return (
|
||
<Segment vertical>
|
||
<Container textAlign='center'>
|
||
{footer ? (
|
||
<div
|
||
className='custom-footer'
|
||
dangerouslySetInnerHTML={{ __html: footer }}
|
||
></div>
|
||
) : (
|
||
<div className='custom-footer'>
|
||
<a
|
||
href='https://github.com/songquanpeng/one-api'
|
||
target='_blank'
|
||
>
|
||
{systemName} {process.env.REACT_APP_VERSION}{' '}
|
||
</a>
|
||
由{' '}
|
||
<a href='https://github.com/songquanpeng' target='_blank'>
|
||
JustSong
|
||
</a>{' '}
|
||
构建，源代码遵循{' '}
|
||
<a href='https://opensource.org/licenses/mit-license.php'>
|
||
MIT 协议
|
||
</a>
|
||
</div>
|
||
)}
|
||
</Container>
|
||
</Segment>
|
||
);
|
||
};
|
||
|
||
export default Footer;
|