Jan 18, 2024 · Jan 11, 2024 · Jan 12, 2024 · Jan 12, 2024 · Jan 16, 2024 · Jan 16, 2024
diff --git a/site/src/pages/WorkspacesPage/BatchActions.tsx b/site/src/pages/WorkspacesPage/BatchActions.tsx
 import { type Interpolation, type Theme } from "@emotion/react";
 import { type FC, type ReactNode, useState } from "react";
 import { useMutation } from "react-query";
 import { deleteWorkspace, startWorkspace, stopWorkspace } from "api/api";
 import {
  deleteWorkspace,
  startWorkspace,
  stopWorkspace,
  updateWorkspace,
 } from "api/api";
 import type { Workspace } from "api/typesGenerated";
 import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
 import { displayError } from "components/GlobalSnackbar/utils";
    },
    onSuccess,
    onError: () => {
      displayError("Failed to delete workspaces");
      displayError("Failed to delete some workspaces");
    },
  });

  const updateAllMutation = useMutation({
    mutationFn: async (workspaces: Workspace[]) => {
      return Promise.all(workspaces.map((w) => updateWorkspace(w)));
    },
    onSuccess,
    onError: () => {
      displayError("Failed to update some workspaces");
    },
  });

  return {
    startAll: startAllMutation.mutateAsync,
    stopAll: stopAllMutation.mutateAsync,
    deleteAll: deleteAllMutation.mutateAsync,
    updateAll: updateAllMutation.mutateAsync,
    isLoading:
      startAllMutation.isLoading ||
      stopAllMutation.isLoading ||
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPage.tsx b/site/src/pages/WorkspacesPage/WorkspacesPage.tsx
        onDeleteAll={() => {
          setIsConfirmingDeleteAll(true);
        }}
        onUpdateAll={() => batchActions.updateAll(checkedWorkspaces)}
        onStartAll={() => batchActions.startAll(checkedWorkspaces)}
        onStopAll={() => batchActions.stopAll(checkedWorkspaces)}
      />
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx
 import { UseQueryResult } from "react-query";
 import StopOutlined from "@mui/icons-material/StopOutlined";
 import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined";
 import CloudQueue from "@mui/icons-material/CloudQueue";
 import {
  MoreMenu,
  MoreMenuContent,
  onCheckChange: (checkedWorkspaces: Workspace[]) => void;
  isRunningBatchAction: boolean;
  onDeleteAll: () => void;
  onUpdateAll: () => void;
  onStartAll: () => void;
  onStopAll: () => void;
  canCheckWorkspaces: boolean;
  checkedWorkspaces,
  onCheckChange,
  onDeleteAll,
  onUpdateAll,
  onStopAll,
  onStartAll,
  isRunningBatchAction,
                  <StopOutlined /> Stop
                </MoreMenuItem>
                <Divider />
                <MoreMenuItem onClick={onUpdateAll}>
                  <CloudQueue /> Update&hellip;
                </MoreMenuItem>
                <MoreMenuItem danger onClick={onDeleteAll}>
                  <DeleteOutlined /> Delete&hellip;
                </MoreMenuItem>
diff --git a/site/src/theme/light/mui.ts b/site/src/theme/light/mui.ts
    mode: "light",
    primary: {
      main: tw.sky[600],
      contrastText: tw.sky[50],
      contrastText: tw.sky[950],
      light: tw.sky[400],
      dark: tw.sky[500],
    },
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,7 +6,12 @@ import "dayjs/plugin/relativeTime";
		import { type Interpolation, type Theme } from "@emotion/react";
		import { type FC, type ReactNode, useState } from "react";
		import { useMutation } from "react-query";
		import { deleteWorkspace, startWorkspace, stopWorkspace } from "api/api";
		import {
		deleteWorkspace,
		startWorkspace,
		stopWorkspace,
		updateWorkspace,
		} from "api/api";
		import type { Workspace } from "api/typesGenerated";
		import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
		import { displayError } from "components/GlobalSnackbar/utils";
Expand DownExpand Up		@@ -50,14 +55,25 @@ export function useBatchActions(options: UseBatchActionsProps) {
		},
		onSuccess,
		onError: () => {
		displayError("Failed to delete workspaces");
		displayError("Failed to delete some workspaces");
		},
		});

		const updateAllMutation = useMutation({
		mutationFn: async (workspaces: Workspace[]) => {
		return Promise.all(workspaces.map((w) => updateWorkspace(w)));
		},
		onSuccess,
		onError: () => {
		displayError("Failed to update some workspaces");
		},
		});

		return {
		startAll: startAllMutation.mutateAsync,
		stopAll: stopAllMutation.mutateAsync,
		deleteAll: deleteAllMutation.mutateAsync,
		updateAll: updateAllMutation.mutateAsync,
		isLoading:
		startAllMutation.isLoading \|\|
		stopAllMutation.isLoading \|\|
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -99,6 +99,7 @@ const WorkspacesPage: FC = () => {
		onDeleteAll={() => {
		setIsConfirmingDeleteAll(true);
		}}
		onUpdateAll={() => batchActions.updateAll(checkedWorkspaces)}
		onStartAll={() => batchActions.startAll(checkedWorkspaces)}
		onStopAll={() => batchActions.stopAll(checkedWorkspaces)}
		/>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -15,6 +15,7 @@ import { WorkspacesButton } from "./WorkspacesButton";
		import { UseQueryResult } from "react-query";
		import StopOutlined from "@mui/icons-material/StopOutlined";
		import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined";
		import CloudQueue from "@mui/icons-material/CloudQueue";
		import {
		MoreMenu,
		MoreMenuContent,
Expand DownExpand Up		@@ -51,6 +52,7 @@ export interface WorkspacesPageViewProps {
		onCheckChange: (checkedWorkspaces: Workspace[]) => void;
		isRunningBatchAction: boolean;
		onDeleteAll: () => void;
		onUpdateAll: () => void;
		onStartAll: () => void;
		onStopAll: () => void;
		canCheckWorkspaces: boolean;
Expand All		@@ -71,6 +73,7 @@ export const WorkspacesPageView = ({
		checkedWorkspaces,
		onCheckChange,
		onDeleteAll,
		onUpdateAll,
		onStopAll,
		onStartAll,
		isRunningBatchAction,
Expand DownExpand Up		@@ -150,6 +153,9 @@ export const WorkspacesPageView = ({
		<StopOutlined /> Stop
		</MoreMenuItem>
		<Divider />
		<MoreMenuItem onClick={onUpdateAll}>
		<CloudQueue /> Update…
		</MoreMenuItem>
		<MoreMenuItem danger onClick={onDeleteAll}>
		<DeleteOutlined /> Delete…
		</MoreMenuItem>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,7 +10,7 @@ const muiTheme = createTheme({
		mode: "light",
		primary: {
		main: tw.sky[600],
		contrastText: tw.sky[50],
		contrastText: tw.sky[950],
		light: tw.sky[400],
		dark: tw.sky[500],
		},
Expand Down