tile: improved status rendering

This commit is contained in:
Hunter Miller 2021-09-27 19:33:24 -05:00
parent 2358bb5408
commit 8bd405c00f
2 changed files with 9 additions and 5 deletions

View File

@ -164,6 +164,10 @@ export const mockCharges: Charges = _.reduce(
return { ...acc, [desk]: { ...val, chad: { hung: 'glob failed' } } };
}
if (desk === 'messages') {
return { ...acc, [desk]: { ...val, chad: { install: null } } };
}
return { ...acc, [desk]: { ...val, chad } };
},
{} as Charges
@ -343,7 +347,7 @@ export const mockVat = (desk: string, blockers?: boolean): Vat => ({
desk,
next: blockers ? [{ aeon: 3, weft: { name: 'zuse', kelvin: 419 } }] : [],
ship: '~zod',
paused: false
paused: desk === 'groups'
}
},
hash: '0vh.lhfn6.julg1.fs52d.g2lqj.q5kp0.2o7j3.2bljl.jdm34.hd46v.9uv5v'

View File

@ -41,10 +41,10 @@ export const Tile: FunctionComponent<TileProps> = ({ charge, desk }) => {
onAuxClick={() => addRecentApp(desk)}
>
<div>
<div className="absolute z-10 top-4 left-4 sm:top-8 sm:left-8 flex items-center">
<div className="absolute z-10 top-4 left-4 sm:top-6 sm:left-6 flex items-center">
{!active && (
<>
{loading && <Spinner className="h-6 w-6 mr-4" />}
{loading && <Spinner className="h-6 w-6 mr-2" />}
<span className="text-gray-500">
{suspended && 'Suspended'}
{loading && 'Installing'}
@ -54,14 +54,14 @@ export const Tile: FunctionComponent<TileProps> = ({ charge, desk }) => {
)}
</div>
{vat?.arak.rail?.paused && (
<Bullet className="absolute z-10 top-5 left-5 sm:top-6 sm:left-7 w-4 h-4 text-orange-500 dark:text-black" />
<Bullet className="absolute z-10 top-5 left-5 sm:top-7 sm:left-7 w-4 h-4 text-orange-500 dark:text-black" />
)}
<TileMenu
desk={desk}
active={active}
menuColor={active ? menuColor : suspendMenuColor}
lightText={lightText}
className="absolute z-10 top-2.5 right-2.5 sm:top-4 sm:right-4 opacity-0 pointer-coarse:opacity-100 hover-none:opacity-100 focus:opacity-100 group-hover:opacity-100"
className="absolute z-10 top-3 right-3 sm:top-5 sm:right-5 opacity-100 pointer-coarse:opacity-100 hover-none:opacity-100 focus:opacity-100 group-hover:opacity-100"
/>
<div
className="h4 absolute z-10 bottom-[8%] left-[5%] sm:bottom-7 sm:left-5 py-1 px-3 rounded-lg"