diff --git a/TheCloud.png b/TheCloud.png new file mode 100644 index 0000000..909b7a5 Binary files /dev/null and b/TheCloud.png differ diff --git a/docker/Dockerfile b/docker/Dockerfile index c39cd58..128dda6 100644 --- a/docker/Dockerfile +++ b/docker/Dockerfile @@ -8,6 +8,7 @@ COPY packages/frontend/package.json packages/frontend/package.json RUN pnpm install --frozen-lockfile --filter @floci/frontend COPY packages/frontend/ packages/frontend/ COPY aws-icons-svg/ aws-icons-svg/ +COPY TheCloud.png TheCloud.png COPY OS_img/ OS_img/ RUN pnpm --filter @floci/frontend run build diff --git a/packages/api/src/cloud-spi/serviceCatalog.ts b/packages/api/src/cloud-spi/serviceCatalog.ts index 6b05154..2ba4157 100644 --- a/packages/api/src/cloud-spi/serviceCatalog.ts +++ b/packages/api/src/cloud-spi/serviceCatalog.ts @@ -16,6 +16,7 @@ import type {CloudAvailability, CloudProvider} from './types' /** Sidebar grouping. A flat list stops being usable past ~12 services. */ export type ServiceGroup = | 'Compute' + | 'Developer Tools' | 'Storage' | 'Databases' | 'Networking' @@ -26,6 +27,7 @@ export type ServiceGroup = export const SERVICE_GROUP_ORDER: ServiceGroup[] = [ 'Compute', + 'Developer Tools', 'Storage', 'Databases', 'Networking', @@ -80,20 +82,20 @@ export const SERVICE_CATALOG = { codebuild: { displayName: 'CodeBuild', iconKey: 'codebuild', - group: 'Compute', - order: 50, + group: 'Developer Tools', + order: 10, }, codepipeline: { displayName: 'CodePipeline', iconKey: 'codepipeline', - group: 'Integration', - order: 25, + group: 'Developer Tools', + order: 20, }, codedeploy: { displayName: 'CodeDeploy', iconKey: 'codedeploy', - group: 'Integration', - order: 26, + group: 'Developer Tools', + order: 30, }, storage: {displayName: 'Storage', iconKey: 'storage', group: 'Storage', order: 10}, ecr: { diff --git a/packages/frontend/src/components/Layout.tsx b/packages/frontend/src/components/Layout.tsx index 6a3914a..5bef84c 100644 --- a/packages/frontend/src/components/Layout.tsx +++ b/packages/frontend/src/components/Layout.tsx @@ -1,10 +1,7 @@ import {NavLink, Outlet, useLocation, useSearchParams} from 'react-router-dom' import {AlertTriangle, ChevronsLeft, ChevronsRight, LayoutDashboard, Moon, Search, Sun} from 'lucide-react' import {useCallback, useEffect, useRef, useState} from 'react' -import flociWhite from '@/assets/floci-white.svg' -import flociBlack from '@/assets/floci-black.svg' -import flociMarkWhite from '@/assets/floci-mark-white.svg' -import flociMarkBlack from '@/assets/floci-mark-black.svg' +import theCloud from '../../../../TheCloud.png' import {useTheme} from '@/lib/useTheme' import {useSidebar} from '@/lib/useSidebar' import {useQuery} from '@tanstack/react-query' @@ -179,9 +176,9 @@ export function Layout() {