1
0
mirror of https://github.com/upscayl/upscayl.git synced 2024-11-24 07:30:19 +01:00
upscayl/renderer/components/Footer.tsx
NayamAmarshe 95843ded88
Refactor Renderer Code (#987)
* Initial refactor

* Remove unused imports

* Update code

* Refactor and Update Code

- Change file names to kebab-caase
- Add new useTranslation Hook
- Change useLog hook name to useLogger
- Update translation hook to provide autocomplete

* Update import and component name

* Rename files and components

* Update locales

* Update electron commands

* Update var

* Change Lowercase

* Replace filter with map

* Add props

* Update flag check

* Add validate paths

* Update formats

* Update import

* Update function

* Update function and translation

* Update handlePaste
2024-10-04 14:45:54 +05:30

46 lines
1.2 KiB
TypeScript

import { newsAtom, showNewsModalAtom } from "@/atoms/news-atom";
import { translationAtom } from "@/atoms/translations-atom";
import { useAtomValue, useSetAtom } from "jotai";
import React from "react";
function Footer() {
const setShowNewsModal = useSetAtom(showNewsModalAtom);
const news = useAtomValue(newsAtom);
const t = useAtomValue(translationAtom);
return (
<div className="p-2 text-center text-xs text-base-content/50">
{news && !news?.data?.dontShow && (
<button
className="badge badge-neutral mb-2"
onClick={() => setShowNewsModal(true)}
>
{t("FOOTER.NEWS_TITLE")}
</button>
)}
<p>
{t("FOOTER.COPYRIGHT")} {new Date().getFullYear()} -{" "}
<a
className="font-bold"
href="https://github.com/upscayl/upscayl"
target="_blank"
>
{t("TITLE")}
</a>
</p>
<p>
{t("FOOTER.TITLE")}
<a
href="https://github.com/upscayl"
className="font-bold"
target="_blank"
>
{t("FOOTER.LINK_TITLE")}
</a>
</p>
</div>
);
}
export default Footer;