[dashboard] Fix spinner

Author: jankeromnes

components/dashboard/src/icons/Spinner.svg

@@ -13,7 +13,6 @@ import { getGitpodService } from "../service/service";
 import { getCurrentTeam, TeamsContext } from "../teams/teams-context";
 import Header from "../components/Header";
 import Spinner from "../icons/Spinner.svg";
-import SpinnerDark from "../icons/SpinnerDark.svg";
 import PrebuildLogsEmpty from "../images/prebuild-logs-empty.svg";
 import PrebuildLogsEmptyDark from "../images/prebuild-logs-empty-dark.svg";
 import { ThemeContext } from "../theme-context";
@@ -163,7 +162,7 @@ export default function () {
             <MonacoEditor classes="w-full flex-grow" disabled={isEditorDisabled} language="dockerfile" value={dockerfile} onChange={setDockerfile} />}
         </Suspense>
         {isDetecting && <div className="absolute h-full w-full bg-gray-100 dark:bg-gray-700 flex items-center justify-center space-x-2">
-          <img className="h-5 w-5 animate-spin" src={isDark ? SpinnerDark : Spinner} />
+          <img className="h-5 w-5 animate-spin" src={Spinner} />
           <span className="font-semibold text-gray-400">Detecting project configuration ...</span>
         </div>}
       </div>
@@ -177,7 +176,7 @@ export default function () {
             </div>)
         }</div>
         <div className="h-20 px-6 bg-gray-50 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-600 flex space-x-2">
-          {prebuildWasTriggered && <PrebuildInstanceStatus prebuildInstance={prebuildInstance} isDark={isDark} />}
+          {prebuildWasTriggered && <PrebuildInstanceStatus prebuildInstance={prebuildInstance} />}
           <div className="flex-grow" />
           {(prebuildInstance?.status.phase === "stopped" && !prebuildInstance?.status.conditions.failed)
               ? <a className="my-auto" href={`/#${project?.cloneUrl}`}><button className="secondary">New Workspace</button></a>

components/dashboard/src/icons/SpinnerDark.svg

@@ -12,7 +12,6 @@ import Header from "../components/Header";
 import PrebuildLogs from "../components/PrebuildLogs";
 import { getGitpodService, gitpodHostUrl } from "../service/service";
 import { TeamsContext, getCurrentTeam } from "../teams/teams-context";
-import { ThemeContext } from "../theme-context";
 import { PrebuildInstanceStatus } from "./Prebuilds";
 import { shortCommitMessage } from "./render-utils";
 
@@ -28,7 +27,6 @@ export default function () {
 
     const [ prebuild, setPrebuild ] = useState<PrebuildWithStatus | undefined>();
     const [ prebuildInstance, setPrebuildInstance ] = useState<WorkspaceInstance | undefined>();
-    const { isDark } = useContext(ThemeContext);
 
     useEffect(() => {
         if (!teams || !projectName || !prebuildId) {
@@ -88,7 +86,7 @@ export default function () {
                     <PrebuildLogs workspaceId={prebuild?.info?.buildWorkspaceId} onInstanceUpdate={onInstanceUpdate} />
                 </div>
                 <div className="h-20 px-6 bg-gray-50 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-600 flex space-x-2">
-                    {prebuildInstance && <PrebuildInstanceStatus prebuildInstance={prebuildInstance} isDark={isDark} />}
+                    {prebuildInstance && <PrebuildInstanceStatus prebuildInstance={prebuildInstance} />}
                     <div className="flex-grow" />
                     {prebuildInstance?.status.phase === "stopped"
                         ? <a className="my-auto" href={gitpodHostUrl.withContext(`${prebuild?.info.changeUrl}`).toString()}><button>New Workspace</button></a>

components/dashboard/src/projects/ConfigureProject.tsx

@@ -12,7 +12,6 @@ import Header from "../components/Header";
 import DropDown, { DropDownEntry } from "../components/DropDown";
 import { ItemsList, Item, ItemField, ItemFieldContextMenu } from "../components/ItemsList";
 import Spinner from "../icons/Spinner.svg";
-import SpinnerDark from "../icons/SpinnerDark.svg";
 import StatusDone from "../icons/StatusDone.svg";
 import StatusFailed from "../icons/StatusFailed.svg";
 import StatusPaused from "../icons/StatusPaused.svg";
@@ -233,7 +232,7 @@ export function prebuildStatusIcon(status: PrebuiltWorkspaceState | undefined) {
     }
 }
 
-export function PrebuildInstanceStatus(props: { prebuildInstance?: WorkspaceInstance, isDark?: boolean }) {
+export function PrebuildInstanceStatus(props: { prebuildInstance?: WorkspaceInstance }) {
     let status = <></>;
     let details = <></>;
     switch (props.prebuildInstance?.status.phase) {
@@ -244,7 +243,7 @@ export function PrebuildInstanceStatus(props: { prebuildInstance?: WorkspaceInst
                 <span>PENDING</span>
                 </div>;
             details = <div className="flex space-x-1 items-center text-gray-400">
-                <img className="h-4 w-4 animate-spin" src={props.isDark ? SpinnerDark : Spinner} />
+                <img className="h-4 w-4 animate-spin" src={Spinner} />
                 <span>Prebuild in progress ...</span>
                 </div>;
             break;
@@ -259,7 +258,7 @@ export function PrebuildInstanceStatus(props: { prebuildInstance?: WorkspaceInst
                 <span>RUNNING</span>
                 </div>;
             details = <div className="flex space-x-1 items-center text-gray-400">
-                <img className="h-4 w-4 animate-spin" src={props.isDark ? SpinnerDark : Spinner} />
+                <img className="h-4 w-4 animate-spin" src={Spinner} />
                 <span>Prebuild in progress ...</span>
                 </div>;
             break;