openstatus.dev
Openstatus
www.openstatus.dev
fix: link and visibility (#1385)
authored by
Maximilian Kaske
and committed by
GitHub
5056393d
edb103b0
+9
-3
+6
-1
apps/status-page/src/app/(public)/page.tsx
+6
-1
apps/status-page/src/app/(public)/page.tsx
···
78
78
</p>
79
79
<p>
80
80
Go to the{" "}
81
-
<Link href="https://github.com/openstatus-dev/status-page/blob/main/src/lib/community-themes">
81
+
<Link href="https://github.com/openstatusHQ/openstatus/tree/main/apps/status-page/src/lib/community-themes">
82
82
GitHub directory
83
83
</Link>{" "}
84
84
to see the existing themes and create a new one by forking and
···
93
93
>
94
94
Test it
95
95
</Button>
96
+
<p>
97
+
Or use the{" "}
98
+
<code>sessionStorage.setItem("community-theme", "true");</code> on
99
+
your own status page.
100
+
</p>
96
101
<hr />
97
102
<p>
98
103
Why don't we allow custom css styles to be overridden and only
+3
-2
apps/status-page/src/components/status-page/floating-theme.tsx
+3
-2
apps/status-page/src/components/status-page/floating-theme.tsx
···
28
28
export function FloatingTheme({ className }: { className?: string }) {
29
29
const { communityTheme, setCommunityTheme } = useStatusPage();
30
30
const [display, setDisplay] = useState(false);
31
+
const [open, setOpen] = useState(false);
31
32
32
33
useEffect(() => {
33
34
const enabled = sessionStorage.getItem("community-theme") === "true";
···
39
40
enabled
40
41
) {
41
42
setDisplay(true);
43
+
setOpen(true);
42
44
}
43
45
}, []);
44
46
···
46
48
47
49
return (
48
50
<div className={cn("fixed right-4 bottom-4 z-50", className)}>
49
-
<Popover>
51
+
<Popover open={open} onOpenChange={setOpen}>
50
52
<PopoverTrigger asChild>
51
53
<Button
52
54
size="icon"
53
-
variant="outline"
54
55
className="size-12 rounded-full dark:bg-background"
55
56
>
56
57
<Palette className="size-5" />