YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-20 21:30:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: update about site dialog

Browse Source
This commit is contained in:
email 2022-03-24 00:28:27 +08:00
parent dedea0dd27
commit f7a4419877
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/components/AboutSiteDialog.tsx
View File

@ -1,3 +1,5 @@
import { useEffect, useState } from "react";
import utils from "../helpers/utils";
import { showDialog } from "./Dialog";
import showStarHistoryDialog from "./StarHistoryDialog";
import "../less/about-site-dialog.less";
@ -5,6 +7,19 @@ import "../less/about-site-dialog.less";
interface Props extends DialogProps {}
const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
const [lastUpdatedAt, setLastUpdatedAt] = useState("");
useEffect(() => {
try {
fetch("https://api.github.com/repos/justmemos/memos/commits/main").then(async (res) => {
const data = (await res.json()) as any;
setLastUpdatedAt(utils.getDateTimeString(new Date(data.commit.committer.date)));
});
} catch (error) {
setLastUpdatedAt("2017/12/31");
}
}, []);
const handleCloseBtnClick = () => {
destroy();
};
@ -26,15 +41,15 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
<p>Built with `Golang` and `React`.</p>
<br />
<p>
🏗 This project is working in progress, <br /> and very pleasure to welcome your{" "}
<a href="https://github.com/justmemos/memos/issues">issues</a> and <a href="https://github.com/justmemos/memos/pulls">PR</a>.
🏗 <a href="https://github.com/justmemos/memos">This project</a> is working in progress, <br /> and very pleasure to welcome your{" "}
<a href="https://github.com/justmemos/memos/issues">issues</a>.
</p>
<br />
<span className="btn" onClick={showStarHistoryDialog}>
Star History
</span>
<p className="updated-time-text">
Last updated on <span className="pre-text">2021/12/12 14:38:15</span> 🎉
Last updated on <span className="pre-text">{lastUpdatedAt}</span> 🎉
</p>
</div>
</>