Sort workspaces, envs, jars

src-web/hooks/useCookieJars.ts

@@ -3,6 +3,10 @@ import { atom, useAtomValue } from 'jotai';
 
 export const cookieJarsAtom = atom<CookieJar[] | undefined>();
 
+export const sortedCookieJars = atom((get) =>
+  get(cookieJarsAtom)?.sort((a, b) => a.name.localeCompare(b.name)),
+);
+
 export function useCookieJars() {
-  return useAtomValue(cookieJarsAtom);
+  return useAtomValue(sortedCookieJars);
 }

src-web/hooks/useEnvironments.ts

@@ -4,12 +4,16 @@ import { atom } from 'jotai/index';
 
 export const environmentsAtom = atom<Environment[]>([]);
 
+export const sortedEnvironmentsAtom = atom((get) =>
+  get(environmentsAtom).sort((a, b) => a.name.localeCompare(b.name)),
+);
+
 export const environmentsBreakdownAtom = atom<{
   baseEnvironment: Environment | null;
   allEnvironments: Environment[];
   subEnvironments: Environment[];
 }>((get) => {
-  const allEnvironments = get(environmentsAtom);
+  const allEnvironments = get(sortedEnvironmentsAtom);
   const baseEnvironment = allEnvironments.find((e) => e.environmentId == null) ?? null;
   const subEnvironments =
     allEnvironments.filter((e) => e.environmentId === (baseEnvironment?.id ?? 'n/a')) ?? [];

src-web/hooks/useWorkspaces.ts

@@ -5,6 +5,10 @@ import { listWorkspaces } from '../lib/store';
 const workspaces = await listWorkspaces();
 export const workspacesAtom = atom<Workspace[]>(workspaces);
 
+export const sortedWorkspacesAtom = atom((get) =>
+  get(workspacesAtom).sort((a, b) => a.name.localeCompare(b.name)),
+);
+
 export function useWorkspaces() {
-  return useAtomValue(workspacesAtom);
+  return useAtomValue(sortedWorkspacesAtom);
 }