mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
22 lines
661 B
TypeScript
22 lines
661 B
TypeScript
import useStorageInfo from "@/hooks/useStorageInfo";
|
|
import { MessageBar, MessageBarBody, MessageBarProps, MessageBarTitle } from "@fluentui/react-components";
|
|
|
|
export default function StorageCapacityIssueMessage(props: MessageBarProps): JSX.Element
|
|
{
|
|
const { usedStorageRatio } = useStorageInfo();
|
|
|
|
if (usedStorageRatio < 0.8)
|
|
return <></>;
|
|
|
|
return (
|
|
<MessageBar intent="warning" layout="multiline" { ...props }>
|
|
<MessageBarBody>
|
|
<MessageBarTitle>
|
|
{ i18n.t("storage_full_message.title", [(usedStorageRatio * 100).toFixed(1)]) }
|
|
</MessageBarTitle>
|
|
{ i18n.t("storage_full_message.message") }
|
|
</MessageBarBody>
|
|
</MessageBar>
|
|
);
|
|
}
|