NotificationsYou must be signed in to change notification settings
Fork913
Star10k

Commit35a04c7

authored

refactor: use the new Table component for the Templates table (#17838)

1 parent73251cf commit35a04c7Copy full SHA for 35a04c7

File tree

1 file changed

+41

-39

lines changed

site/src/pages/TemplatesPage
- TemplatesPageView.tsx

1 file changed

+41

-39

lines changed

`‎site/src/pages/TemplatesPage/TemplatesPageView.tsx`

Lines changed: 41 additions & 39 deletions

Original file line number	Diff line number	Diff line change
`@@ -2,12 +2,6 @@ import type { Interpolation, Theme } from "@emotion/react";`
`2`	`2`	`importArrowForwardOutlinedfrom"@mui/icons-material/ArrowForwardOutlined";`
`3`	`3`	`importMuiButtonfrom"@mui/material/Button";`
`4`	`4`	`importSkeletonfrom"@mui/material/Skeleton";`
`5`		`-importTablefrom"@mui/material/Table";`
`6`		`-importTableBodyfrom"@mui/material/TableBody";`
`7`		`-importTableCellfrom"@mui/material/TableCell";`
`8`		`-importTableContainerfrom"@mui/material/TableContainer";`
`9`		`-importTableHeadfrom"@mui/material/TableHead";`
`10`		`-importTableRowfrom"@mui/material/TableRow";`
`11`	`5`	`import{hasError,isApiValidationError}from"api/errors";`
`12`	`6`	`importtype{Template,TemplateExample}from"api/typesGenerated";`
`13`	`7`	`import{ErrorAlert}from"components/Alert/ErrorAlert";`
`@@ -33,6 +27,14 @@ import {`
`33`	`27`	`PageHeaderTitle,`
`34`	`28`	`}from"components/PageHeader/PageHeader";`
`35`	`29`	`import{Stack}from"components/Stack/Stack";`
	`30`	`+import{`
	`31`	`+Table,`
	`32`	`+TableBody,`
	`33`	`+TableCell,`
	`34`	`+TableHead,`
	`35`	`+TableHeader,`
	`36`	`+TableRow,`
	`37`	`+}from"components/Table/Table";`
`36`	`38`	`import{`
`37`	`39`	`TableLoaderSkeleton,`
`38`	`40`	`TableRowSkeleton,`
`@@ -231,41 +233,41 @@ export const TemplatesPageView: FC<TemplatesPageViewProps> = ({`
`231`	`233`	`<ErrorAlerterror={error}/>`
`232`	`234`	`)}`
`233`	`235`
`234`		`-<TableContainer>`
`235`		`-<Table>`
`236`		`-<TableHead>`
`237`		`-<TableRow>`
`238`		`-<TableCellwidth="35%">{Language.nameLabel}</TableCell>`
`239`		`-<TableCellwidth="15%">`
`240`		`-{showOrganizations ?"Organization" :Language.usedByLabel}`
`241`		`-</TableCell>`
`242`		`-<TableCellwidth="10%">{Language.buildTimeLabel}</TableCell>`
`243`		`-<TableCellwidth="15%">{Language.lastUpdatedLabel}</TableCell>`
`244`		`-<TableCellwidth="1%"/>`
`245`		`-</TableRow>`
`246`		`-</TableHead>`
`247`		`-<TableBody>`
`248`		`-{isLoading&&<TableLoader/>}`
	`236`	`+<Table>`
	`237`	`+<TableHeader>`
	`238`	`+<TableRow>`
	`239`	`+<TableHeadclassName="w-[35%]">{Language.nameLabel}</TableHead>`
	`240`	`+<TableHeadclassName="w-[15%]">`
	`241`	`+{showOrganizations ?"Organization" :Language.usedByLabel}`
	`242`	`+</TableHead>`
	`243`	`+<TableHeadclassName="w-[10%]">{Language.buildTimeLabel}</TableHead>`
	`244`	`+<TableHeadclassName="w-[15%]">`
	`245`	`+{Language.lastUpdatedLabel}`
	`246`	`+</TableHead>`
	`247`	`+<TableHeadclassName="w-[1%]"/>`
	`248`	`+</TableRow>`
	`249`	`+</TableHeader>`
	`250`	`+<TableBody>`
	`251`	`+{isLoading&&<TableLoader/>}`
`249`	`252`
`250`		`-{isEmpty ?(`
`251`		`-<EmptyTemplates`
`252`		`-canCreateTemplates={canCreateTemplates}`
`253`		`-examples={examples??[]}`
`254`		`-isUsingFilter={filter.used}`
	`253`	`+{isEmpty ?(`
	`254`	`+<EmptyTemplates`
	`255`	`+canCreateTemplates={canCreateTemplates}`
	`256`	`+examples={examples??[]}`
	`257`	`+isUsingFilter={filter.used}`
	`258`	`+/>`
	`259`	`+) :(`
	`260`	`+templates?.map((template)=>(`
	`261`	`+<TemplateRow`
	`262`	`+key={template.id}`
	`263`	`+showOrganizations={showOrganizations}`
	`264`	`+template={template}`
	`265`	`+workspacePermissions={workspacePermissions}`
`255`	`266`	`/>`
`256`		`-) :(`
`257`		`-templates?.map((template)=>(`
`258`		`-<TemplateRow`
`259`		`-key={template.id}`
`260`		`-showOrganizations={showOrganizations}`
`261`		`-template={template}`
`262`		`-workspacePermissions={workspacePermissions}`
`263`		`-/>`
`264`		`-))`
`265`		`-)}`
`266`		`-</TableBody>`
`267`		`-</Table>`
`268`		`-</TableContainer>`
	`267`	`+))`
	`268`	`+)}`
	`269`	`+</TableBody>`
	`270`	`+</Table>`
`269`	`271`	`</Margins>`
`270`	`272`	`);`
`271`	`273`	`};`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit35a04c7

File tree

1 file changed

1 file changed

`‎site/src/pages/TemplatesPage/TemplatesPageView.tsx`

0 commit comments