Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-04 12:13:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

(hotfix): StatItem breaking entire app

Browse source 
Co-authored-by: xPolar <xPolar@users.noreply.github.com>
Co-authored-by: maxichrome <maxichrome@users.noreply.github.com>
This commit is contained in:
Jamie Pine 2022-06-06 15:48:21 -07:00
parent cc40d39d6f
commit 7ccf4ce87e
1 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
packages/interface/src/screens/Overview.tsx
View file

@ -82,15 +82,19 @@ const StatItem: React.FC<StatItemProps> = (props) => {
>
<span className="text-sm text-gray-400">{title}</span>
<span className="text-2xl font-bold">
{/* <span className="hidden" aria-hidden="true" ref={hiddenCountUp} /> */}
{!isLoading ? (
{isLoading && (
<div>
<Skeleton enableAnimation={true} baseColor={'#21212e'} highlightColor={'#13131a'} />
</div>
) : (
<span className="tabular-nums" ref={counterRef}></span>
)}
{!isLoading ? <></> : <span className="ml-1 text-[16px] text-gray-400">{size.unit}</span>}
<div
className={clsx({
hidden: isLoading
})}
>
<span className="tabular-nums" ref={counterRef} />
<span className="ml-1 text-[16px] text-gray-400">{size.unit}</span>
</div>
</span>
</div>
);
@ -101,7 +105,7 @@ export const OverviewScreen = () => {
useBridgeQuery('GetLibraryStatistics');
const { data: nodeState } = useBridgeQuery('NodeGetState');
const { overviewStats, setOverviewStats, setOverviewStat } = useOverviewState();
const { overviewStats, setOverviewStats } = useOverviewState();
// get app props from context
const appProps = useContext(AppPropsContext);
@ -129,7 +133,7 @@ export const OverviewScreen = () => {
total_unique_bytes: '0'
};
Object.entries(libraryStatistics as Statistics).forEach(([key, value]) => {
Object.entries((libraryStatistics as Statistics) || {}).forEach(([key, value]) => {
newStatistics[key as keyof Statistics] = `${value}`;
});
@ -137,13 +141,12 @@ export const OverviewScreen = () => {
}
}, [appProps, libraryStatistics]);
useEffect(() => {
setTimeout(() => {
setOverviewStat('total_bytes_capacity', '4093333345230');
}, 2000);
}, [overviewStats]);
// useEffect(() => {
// setTimeout(() => {
// setOverviewStat('total_bytes_capacity', '4093333345230');
// }, 2000);
// }, [overviewStats]);
// forgive me, father, for i have sinned with the typescript... except this literally makes sense
const displayableStatItems = Object.keys(StatItemNames) as unknown as keyof typeof StatItemNames;
return (