fix(pro): url host

Author: pascalbreuninger

desktop/package.json

@@ -68,15 +68,15 @@
     "@types/uuid": "9.0.5",
     "@typescript-eslint/eslint-plugin": "5.59.11",
     "@typescript-eslint/parser": "5.59.11",
-    "@vitejs/plugin-react": "4.1.0",
+    "@vitejs/plugin-react": "4.3.4",
     "eslint": "8.44.0",
     "eslint-config-prettier": "8.8.0",
     "eslint-config-react-app": "7.0.1",
     "eslint-plugin-react": "7.34.1",
     "eslint-plugin-react-hooks": "4.6.0",
     "prettier": "3.0.3",
     "typescript": "5.0.4",
-    "vite": "4.4.9"
+    "vite": "6.2.0"
   },
   "resolutions": {
     "lodash": "4.17.21"

desktop/src/contexts/DevPodContext/Pro/ContextSwitcher.tsx

@@ -145,7 +145,7 @@ export function ContextSwitcher({
                                     ) : undefined
                                   }
                                   onClick={() => onProjectChange(project)}>
-                                  {getDisplayName(project)}
+                                  {getDisplayName(project, "Unknown Project")}
                                 </Button>
                               </ListItem>
                             ))}

desktop/src/contexts/DevPodContext/Pro/ProProvider.tsx

@@ -13,7 +13,6 @@ import { ContextSwitcher, HOST_OSS } from "./ContextSwitcher"
 
 type TProContext = Readonly<{
   managementSelfQuery: UseQueryResult<ManagementV1Self | undefined>
-  projectsQuery: UseQueryResult<readonly ManagementV1Project[] | undefined>
   currentProject?: ManagementV1Project
   host: string
   client: ProClient
@@ -118,12 +117,11 @@ export function ProProvider({ host, children }: { host: string; children: ReactN
     return {
       managementSelfQuery,
       currentProject,
-      projectsQuery,
       host,
       client,
       isLoadingWorkspaces,
     }
-  }, [managementSelfQuery, currentProject, projectsQuery, host, client, isLoadingWorkspaces])
+  }, [managementSelfQuery, currentProject, host, client, isLoadingWorkspaces])
 
   return (
     <ProContext.Provider value={value}>

desktop/src/contexts/DevPodContext/Pro/useProHost.ts

@@ -1,12 +1,7 @@
-import { useMemo } from "react"
 import { useParams } from "react-router-dom"
 
 export function useProHost() {
-  const { host: urlHost } = useParams<{ host: string | undefined }>()
-
-  const host = useMemo(() => {
-    return urlHost?.replaceAll("-", ".")
-  }, [urlHost])
+  const { host } = useParams<{ host: string | undefined }>()
 
   return host
 }

desktop/src/routes.tsx

@@ -80,10 +80,7 @@ export const Routes = {
   PRO_WORKSPACE_CREATE: "/pro/:host/new",
   PRO_SETTINGS: "/pro/:host/settings",
   toProInstance(host: string): string {
-    // This is a workaround for react-routers interaction with hostnames as path components
-    const h = host.replaceAll(".", "-")
-
-    return `/pro/${h}`
+    return `/pro/${host}`
   },
   toProWorkspace(host: string, instanceID: string): string {
     const base = this.toProInstance(host)