fix: correctly link agent name in app urls (#3672)

f0ssel · web-flow · commit 1400d7cd8470 · 2022-08-24T16:49:03.000Z
diff --git a/site/src/components/AppLink/AppLink.tsx b/site/src/components/AppLink/AppLink.tsx
@@ -13,18 +13,20 @@ export const Language = {
 export interface AppLinkProps {
   userName: TypesGen.User["username"]
   workspaceName: TypesGen.Workspace["name"]
+  agentName: TypesGen.WorkspaceAgent["name"]
   appName: TypesGen.WorkspaceApp["name"]
   appIcon?: TypesGen.WorkspaceApp["icon"]
 }
 
 export const AppLink: FC<PropsWithChildren<AppLinkProps>> = ({
   userName,
   workspaceName,
+  agentName,
   appName,
   appIcon,
 }) => {
   const styles = useStyles()
-  const href = `/@${userName}/${workspaceName}/apps/${appName}`
+  const href = `/@${userName}/${workspaceName}.${agentName}/apps/${appName}`
 
   return (
     <Link
diff --git a/site/src/components/Resources/Resources.tsx b/site/src/components/Resources/Resources.tsx
@@ -131,6 +131,7 @@ export const Resources: FC<React.PropsWithChildren<ResourcesProps>> = ({
                                   appName={app.name}
                                   userName={workspace.owner_name}
                                   workspaceName={workspace.name}
+                                  agentName={agent.name}
                                 />
                               ))}
                             </div>
