@@ -2,10 +2,12 @@ import TextField from "@mui/material/TextField";
22import InputAdornment from "@mui/material/InputAdornment" ;
33import Tooltip from "@mui/material/Tooltip" ;
44import IconButton from "@mui/material/IconButton" ;
5+ import Box from "@mui/material/Box" ;
6+ import Link from "@mui/material/Link" ;
57import SearchIcon from "@mui/icons-material/SearchOutlined" ;
68import ClearIcon from "@mui/icons-material/CloseOutlined" ;
79import { useTheme } from "@emotion/react" ;
8- import { type ReactNode , useMemo , useState } from "react" ;
10+ import { type FC , type ReactNode , useMemo , useState } from "react" ;
911import uFuzzy from "ufuzzy" ;
1012import { CopyableValue } from "components/CopyableValue/CopyableValue" ;
1113import { Margins } from "components/Margins/Margins" ;
@@ -16,7 +18,6 @@ import {
1618} from "components/PageHeader/PageHeader" ;
1719import { Stack } from "components/Stack/Stack" ;
1820import icons from "theme/icons.json" ;
19- import { Box , Link } from "@mui/material" ;
2021import { EmptyState } from "components/EmptyState/EmptyState" ;
2122
2223const iconsWithoutSuffix = icons . map ( ( icon ) => icon . split ( "." ) [ 0 ] ) ;
@@ -28,7 +29,7 @@ const fuzzyFinder = new uFuzzy({
2829intraDel :1 ,
2930} ) ;
3031
31- export default function ( ) {
32+ export const IconsPage : FC = ( ) => {
3233const theme = useTheme ( ) ;
3334const [ searchText , setSearchText ] = useState ( "" ) ;
3435
@@ -86,7 +87,9 @@ export default function () {
8687</ Box >
8788}
8889>
89- < Link href = "" > Suggest an icon</ Link >
90+ < Link href = "https://github.com/coder/coder/tree/main/site/static/icon" >
91+ Suggest an icon
92+ </ Link >
9093</ Tooltip >
9194}
9295>
@@ -177,4 +180,6 @@ export default function () {
177180</ Stack >
178181</ Margins >
179182) ;
180- }
183+ } ;
184+
185+ export default IconsPage ;