fix

mtojek · mtojek · commit 2f71ed5f25f7 · 2023-05-10T15:37:19.000+02:00
diff --git a/site/src/components/TemplateVersionWarnings/TemplateVersionWarnings.tsx b/site/src/components/TemplateVersionWarnings/TemplateVersionWarnings.tsx
@@ -0,0 +1,32 @@
+import { FC } from "react"
+import * as TypesGen from "api/typesGenerated"
+import { AlertBanner } from "components/AlertBanner/AlertBanner"
+import { Maybe } from "components/Conditionals/Maybe"
+import Link from "@material-ui/core/Link"
+
+export interface TemplateVersionWarnings {
+  warnings?: TypesGen.TemplateVersionWarning[]
+}
+
+export const TemplateVersionWarnings: FC<
+  React.PropsWithChildren<TemplateVersionWarnings>
+> = ({ warnings }) => {
+  if (!warnings) {
+    return <></>
+  }
+
+  return (
+    <Maybe condition={Boolean(warnings.includes("DEPRECATED_PARAMETERS"))}>
+      <AlertBanner severity="warning">
+        <div>
+          This template uses legacy parameters which will be deprecated in the
+          next Coder release. Learn how to migrate in{" "}
+          <Link href="https://coder.com/docs/v2/latest/templates/parameters#migration">
+            our documentation
+          </Link>
+          .
+        </div>
+      </AlertBanner>
+    </Maybe>
+  )
+}
diff --git a/site/src/components/Workspace/Workspace.tsx b/site/src/components/Workspace/Workspace.tsx
@@ -26,8 +26,7 @@ import {
   PageHeaderTitle,
   PageHeaderSubtitle,
 } from "components/PageHeader/FullWidthPageHeader"
-import { Maybe } from "components/Conditionals/Maybe"
-import { Link } from "@material-ui/core"
+import { TemplateVersionWarnings } from "components/TemplateVersionWarnings/TemplateVersionWarnings"
 
 export enum WorkspaceErrors {
   GET_BUILDS_ERROR = "getBuildsError",
@@ -190,24 +189,7 @@ export const Workspace: FC<React.PropsWithChildren<WorkspaceProps>> = ({
             handleClick={() => navigate(`/templates`)}
           />
 
-          {templateWarnings && (
-            <Maybe
-              condition={Boolean(
-                templateWarnings.includes("DEPRECATED_PARAMETERS"),
-              )}
-            >
-              <AlertBanner severity="warning">
-                <div>
-                  This template uses legacy parameters which will be deprecated
-                  in the next Coder release. Learn how to migrate in{" "}
-                  <Link href="https://coder.com/docs/v2/latest/templates/parameters#migration">
-                    our documentation
-                  </Link>
-                  .
-                </div>
-              </AlertBanner>
-            </Maybe>
-          )}
+          <TemplateVersionWarnings warnings={templateWarnings} />
 
           {failedBuildLogs && (
             <Stack>
diff --git a/site/src/pages/TemplatePage/TemplateSummaryPage/TemplateSummaryPageView.tsx b/site/src/pages/TemplatePage/TemplateSummaryPage/TemplateSummaryPageView.tsx
@@ -11,9 +11,7 @@ import { FC, useEffect } from "react"
 import { DAUChart } from "../../../components/DAUChart/DAUChart"
 import { TemplateSummaryData } from "./data"
 import { useLocation, useNavigate } from "react-router-dom"
-import { Maybe } from "components/Conditionals/Maybe"
-import { AlertBanner } from "components/AlertBanner/AlertBanner"
-import Link from "@material-ui/core/Link"
+import { TemplateVersionWarnings } from "components/TemplateVersionWarnings/TemplateVersionWarnings"
 
 export interface TemplateSummaryPageViewProps {
   data?: TemplateSummaryData
@@ -51,24 +49,7 @@ export const TemplateSummaryPageView: FC<TemplateSummaryPageViewProps> = ({
 
   return (
     <Stack spacing={4}>
-      {activeVersion.warnings && (
-        <Maybe
-          condition={Boolean(
-            activeVersion.warnings.includes("DEPRECATED_PARAMETERS"),
-          )}
-        >
-          <AlertBanner severity="warning">
-            <div>
-              This template uses legacy parameters which will be deprecated in
-              the next Coder release. Learn how to migrate in{" "}
-              <Link href="https://coder.com/docs/v2/latest/templates/parameters#migration">
-                our documentation
-              </Link>
-              .
-            </div>
-          </AlertBanner>
-        </Maybe>
-      )}
+      <TemplateVersionWarnings warnings={activeVersion.warnings} />
       <TemplateStats template={template} activeVersion={activeVersion} />
       {daus && <DAUChart daus={daus} />}
       <TemplateResourcesTable resources={getStartedResources(resources)} />
