43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import { createAsync } from "@solidjs/router"
|
|
import { createMemo } from "solid-js"
|
|
import { github } from "~/lib/github"
|
|
import { config } from "~/config"
|
|
import { useLanguage } from "~/context/language"
|
|
import { useI18n } from "~/context/i18n"
|
|
|
|
export function Footer() {
|
|
const language = useLanguage()
|
|
const i18n = useI18n()
|
|
const githubData = createAsync(() => github())
|
|
const starCount = createMemo(() =>
|
|
githubData()?.stars
|
|
? new Intl.NumberFormat(language.tag(language.locale()), {
|
|
notation: "compact",
|
|
compactDisplay: "short",
|
|
}).format(githubData()!.stars!)
|
|
: config.github.starsFormatted.compact,
|
|
)
|
|
|
|
return (
|
|
<footer data-component="footer">
|
|
<div data-slot="cell">
|
|
<a href={config.github.repoUrl} target="_blank">
|
|
{i18n.t("footer.github")} <span>[{starCount()}]</span>
|
|
</a>
|
|
</div>
|
|
<div data-slot="cell">
|
|
<a href={language.route("/docs")}>{i18n.t("footer.docs")}</a>
|
|
</div>
|
|
<div data-slot="cell">
|
|
<a href={language.route("/changelog")}>{i18n.t("footer.changelog")}</a>
|
|
</div>
|
|
<div data-slot="cell">
|
|
<a href={language.route("/discord")}>{i18n.t("footer.discord")}</a>
|
|
</div>
|
|
<div data-slot="cell">
|
|
<a href={config.social.twitter}>{i18n.t("footer.x")}</a>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|