cdadf133d0
* Added missing translations strings (filters, about page, ...) * Forgot one translation string. * Fixed PR issues and added Access Token related missing translation strings. * Fixed eslint issues. * Fixed eslint issues #2. * Fixed access token dialog translations, added missing webhook dialog translations.
41 lines
1.7 KiB
TypeScript
41 lines
1.7 KiB
TypeScript
import { Link } from "@mui/joy";
|
|
import { DotIcon } from "lucide-react";
|
|
import MobileHeader from "@/components/MobileHeader";
|
|
import { useTranslate } from "@/utils/i18n";
|
|
|
|
const About = () => {
|
|
const t = useTranslate();
|
|
|
|
return (
|
|
<section className="@container w-full max-w-5xl min-h-full flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8">
|
|
<MobileHeader />
|
|
<div className="w-full px-4 sm:px-6">
|
|
<div className="w-full shadow flex flex-col justify-start items-start px-4 py-3 rounded-xl bg-white dark:bg-zinc-800 text-black dark:text-gray-300">
|
|
<a href="https://www.usememos.com" target="_blank">
|
|
<img className="w-auto h-12" src="https://www.usememos.com/full-logo-landscape.png" alt="memos" />
|
|
</a>
|
|
<p className="text-base">{t("about.description")}</p>
|
|
<div className="mt-1 flex flex-row items-center flex-wrap">
|
|
<Link underline="always" href="https://www.github.com/usememos/memos" target="_blank">
|
|
{t("about.github-repository")}
|
|
</Link>
|
|
<DotIcon className="w-4 h-auto opacity-60" />
|
|
<Link underline="always" href="https://www.usememos.com/" target="_blank">
|
|
{t("about.official-website")}
|
|
</Link>
|
|
<DotIcon className="w-4 h-auto opacity-60" />
|
|
<Link underline="always" href="https://www.usememos.com/blog" target="_blank">
|
|
{t("about.blogs")}
|
|
</Link>
|
|
<DotIcon className="w-4 h-auto opacity-60" />
|
|
<Link underline="always" href="https://www.usememos.com/docs" target="_blank">
|
|
{t("about.documents")}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default About;
|