diff --git a/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPageView.tsx b/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPageView.tsx index 51fbb26ef40dd..25258421eaaf2 100644 --- a/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPageView.tsx +++ b/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPageView.tsx @@ -4,10 +4,12 @@ import CardActionArea from "@mui/material/CardActionArea"; import CardContent from "@mui/material/CardContent"; import Stack from "@mui/material/Stack"; import { ErrorAlert } from "components/Alert/ErrorAlert"; +import { Button } from "components/Button/Button"; import { ExternalImage } from "components/ExternalImage/ExternalImage"; import { Loader } from "components/Loader/Loader"; import { Margins } from "components/Margins/Margins"; import { PageHeader, PageHeaderTitle } from "components/PageHeader/PageHeader"; +import { ExternalLinkIcon } from "lucide-react"; import type { FC } from "react"; import { Link as RouterLink } from "react-router-dom"; import type { StarterTemplatesByTag } from "utils/starterTemplates"; @@ -23,7 +25,21 @@ export const CreateTemplateGalleryPageView: FC< > = ({ starterTemplatesByTag, error }) => { return ( - + + + Browse the Coder Registry + + + + } + > Create a Template diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx index c64a3e88bffae..e6437b49d6d43 100644 --- a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx +++ b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx @@ -1,5 +1,4 @@ import { type Interpolation, type Theme, useTheme } from "@emotion/react"; -import Button from "@mui/material/Button"; import IconButton from "@mui/material/IconButton"; import Tooltip from "@mui/material/Tooltip"; import { getErrorDetail, getErrorMessage } from "api/errors"; @@ -12,6 +11,7 @@ import type { WorkspaceResource, } from "api/typesGenerated"; import { Alert } from "components/Alert/Alert"; +import { Button } from "components/Button/Button"; import { Sidebar } from "components/FullPageLayout/Sidebar"; import { Topbar, @@ -25,7 +25,7 @@ import { displayError } from "components/GlobalSnackbar/utils"; import { Loader } from "components/Loader/Loader"; import { TriangleAlertIcon } from "lucide-react"; import { ChevronLeftIcon } from "lucide-react"; -import { PlayIcon, PlusIcon, XIcon } from "lucide-react"; +import { ExternalLinkIcon, PlayIcon, PlusIcon, XIcon } from "lucide-react"; import { linkToTemplate, useLinks } from "modules/navigation"; import { ProvisionerAlert } from "modules/provisioners/ProvisionerAlert"; import { AlertVariant } from "modules/provisioners/ProvisionerAlert"; @@ -255,6 +255,20 @@ export const TemplateVersionEditor: FC = ({ paddingRight: 16, }} > + + + +
@@ -312,8 +326,8 @@ export const TemplateVersionEditor: FC = ({ dismissible actions={