feat: treat deprecation messages as markdown (#11562)

aslilac · web-flow · commit eb8d85f43268 · 2024-01-11T14:15:29.000-07:00
diff --git a/site/src/pages/WorkspacePage/Workspace.stories.tsx b/site/src/pages/WorkspacePage/Workspace.stories.tsx
@@ -230,7 +230,8 @@ export const Deprecated: Story = {
     template: {
       ...Mocks.MockTemplate,
       deprecated: true,
-      deprecation_message: "Template deprecated due to reasons",
+      deprecation_message:
+        "Template deprecated due to reasons. [Learn more](#)",
     },
   },
 };
diff --git a/site/src/pages/WorkspacePage/Workspace.tsx b/site/src/pages/WorkspacePage/Workspace.tsx
@@ -26,6 +26,7 @@ import { SidebarIconButton } from "components/FullPageLayout/Sidebar";
 import HubOutlined from "@mui/icons-material/HubOutlined";
 import { ResourcesSidebar } from "./ResourcesSidebar";
 import { ResourceCard } from "components/Resources/ResourceCard";
+import { MemoizedInlineMarkdown } from "components/Markdown/Markdown";
 
 export type WorkspaceError =
   | "getBuildsError"
@@ -363,8 +364,14 @@ export const Workspace: FC<WorkspaceProps> = ({
 
             {template?.deprecated && (
               <Alert severity="warning">
-                <AlertTitle>Workspace using deprecated template</AlertTitle>
-                <AlertDetail>{template?.deprecation_message}</AlertDetail>
+                <AlertTitle>
+                  This workspace uses a deprecated template
+                </AlertTitle>
+                <AlertDetail>
+                  <MemoizedInlineMarkdown>
+                    {template?.deprecation_message}
+                  </MemoizedInlineMarkdown>
+                </AlertDetail>
               </Alert>
             )}
 
