Tristan Yang
19 lines
747 B
TypeScript
19 lines
747 B
TypeScript
import dayjs from "dayjs";
|
|
import { FC } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useGetServerVersionQuery } from "../../app/services/server";
|
|
type Props = {};
|
|
const Version: FC<Props> = () => {
|
|
const { t } = useTranslation("setting", { keyPrefix: "version" });
|
|
const { data: serverVersion } = useGetServerVersionQuery();
|
|
const ts = process.env.REACT_APP_BUILD_TIME;
|
|
return (
|
|
<div className="flex flex-col gap-3 dark:text-white">
|
|
<div className="item">{t("client_version")}: {process.env.VERSION}</div>
|
|
<div className="item">{t("server_version")}: {serverVersion}</div>
|
|
<div className="item">{t("build_time")}: {ts} {dayjs(ts).fromNow()}</div>
|
|
</div>
|
|
);
|
|
};
|
|
export default Version;
|