24 lines
531 B
TypeScript
24 lines
531 B
TypeScript
import StorageIcon from '@mui/icons-material/Storage'
|
|
import { freeSpaceBytesState } from '../atoms/status'
|
|
import { formatSize } from '../utils'
|
|
import { useAtomValue } from 'jotai'
|
|
|
|
const FreeSpaceIndicator = () => {
|
|
const freeSpace = useAtomValue(freeSpaceBytesState)
|
|
|
|
return (
|
|
<div style={{
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
flexWrap: 'wrap',
|
|
gap: 3
|
|
}}>
|
|
<StorageIcon />
|
|
<span>
|
|
{formatSize(freeSpace)}
|
|
</span>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FreeSpaceIndicator |