jnd/beszel-ipv6
1
0
Fork 0
mirror of https://github.com/henrygd/beszel.git synced 2025-12-17 10:46:16 +01:00
Code Issues Packages Projects Releases 2 Wiki Activity

spinner tweaks

Browse Source
This commit is contained in:
Henry Dollman
2024-10-30 13:52:35 -04:00
parent f9f7db17d4
commit 1a1fcebc46
8 changed files with 34 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
beszel/site/src/components/spinner.tsx
View File

@@ -1,12 +1,13 @@
import { LoaderCircleIcon } from "lucide-react"
import { useTranslation } from "react-i18next"
export default function (props: { empty?: boolean }) {
const { t } = useTranslation()
export default function ({ msg }: { msg?: string }) {
return (
<div className="flex flex-col items-center justify-center h-full absolute inset-0">
<LoaderCircleIcon className="animate-spin h-10 w-10 opacity-60" />
{props.empty && <p className={"opacity-60 mt-2"}>{t("monitor.waiting_for")}</p>}
{msg ? (
<p className={"opacity-60 mb-2 text-center px-4"}>{msg}</p>
) : (
<LoaderCircleIcon className="animate-spin h-10 w-10 opacity-60" />
)}
</div>
)
}