fix: render app bar without non-UI apps and properly when unpopulated

This commit is contained in:
dr-frmr 2024-09-24 15:31:17 -04:00
parent 21337986ae
commit 4aae55d32a
No known key found for this signature in database
2 changed files with 2 additions and 2 deletions

View File

@ -31,7 +31,7 @@ const AllApps: React.FC = () => {
const o = [...orderedApps].sort((a, b) => {
return a.order - b.order;
});
return o;
return o.filter(app => app.path !== null);
}, [orderedApps, apps]);
const displayedApps = expanded
@ -92,6 +92,7 @@ const AllApps: React.FC = () => {
<div
className={`apps-grid ${expanded ? "expanded" : ""} ${isMobile ? "mobile" : ""
}`}
style={{ gridTemplateColumns: `repeat(${Math.min(displayedApps.length, 5)}, 1fr)` }}
>
{displayedApps.map((app, index) => (
<div

View File

@ -159,7 +159,6 @@ footer {
.apps-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
width: 100%;
color: var(--off-white);
}