mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
!feat: major 3.0 release candidate
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user