mirror of
https://github.com/arsvendg/Stirling-PDF.git
synced 2026-07-16 11:23:10 +02:00
James BruntonandGitHub
8ab060a4be
# Description of Changes When I added Prettier formatting in #6052, my aim was to use just the default settings in Prettier. Turns out, Prettier looks _really hard_ for any config files if it's not explicitly given one, which means that if a developer has some sort of Prettier config file lying around on their system, Prettier might find it and use it. Also, Prettier changes its defaults based on stuff in `.editorconfig` without any good way of disabling that behaviour explicitly in its config file. To solve both of these issues, I've introduced a `.prettierrc` file which sets Prettier's defaults explicitly, and then reformatted all our code _again_ in Prettier's actual default settings. This should achieve the aim of #6052 and remove the possibility for it breaking on different dev computers.
55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import { Text, Button } from "@mantine/core";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useAuth } from "@app/auth/UseSession";
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
export function OverviewHeader() {
|
|
const { t } = useTranslation();
|
|
const { signOut, user } = useAuth();
|
|
const navigate = useNavigate();
|
|
|
|
const handleLogout = async () => {
|
|
try {
|
|
await signOut();
|
|
navigate("/login");
|
|
} catch (error) {
|
|
console.error("Logout error:", error);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<div
|
|
style={{
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
marginBottom: "0.5rem",
|
|
}}
|
|
>
|
|
<div>
|
|
<Text fw={600} size="lg">
|
|
{t("config.overview.title", "Application Configuration")}
|
|
</Text>
|
|
<Text size="sm" c="dimmed">
|
|
{t(
|
|
"config.overview.description",
|
|
"Current application settings and configuration details.",
|
|
)}
|
|
</Text>
|
|
{user?.email && (
|
|
<Text size="xs" c="dimmed" mt="0.25rem">
|
|
Signed in as: {user.email}
|
|
</Text>
|
|
)}
|
|
</div>
|
|
{user && (
|
|
<Button color="red" variant="filled" onClick={handleLogout}>
|
|
Log out
|
|
</Button>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|