Commit5ec285c

committed

feat: empty and loading states on<RequestLogsPageView /> table

1 parent2c01605 commit5ec285cCopy full SHA for 5ec285c

File tree

+12

-1

lines changed

site/src/pages/AIGovernancePage/RequestLogsPage
- RequestLogsPage.tsx
- RequestLogsPageView.tsx

+12

-1

lines changed

Lines changed: 4 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,10 @@ const RequestLogsPage: FC = () => {`
`11`	`11`	`<>`
`12`	`12`	`<title>{pageTitle("AI Governance","Request Logs")}</title>`
`13`	`13`
`14`		`-<RequestLogsPageViewinterceptions={interceptionsQuery.data?.results}/>`
	`14`	`+<RequestLogsPageView`
	`15`	`+isLoading={interceptionsQuery.isLoading}`
	`16`	`+interceptions={interceptionsQuery.data?.results}`
	`17`	`+/>`
`15`	`18`	`</>`
`16`	`19`	`);`
`17`	`20`	`};`

Lines changed: 8 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,14 +6,18 @@ import {`
`6`	`6`	`TableHeader,`
`7`	`7`	`TableRow,`
`8`	`8`	`}from"components/Table/Table";`
	`9`	`+import{TableEmpty}from"components/TableEmpty/TableEmpty";`
	`10`	`+import{TableLoader}from"components/TableLoader/TableLoader";`
`9`	`11`	`importtype{FC}from"react";`
`10`	`12`	`import{RequestLogsRow}from"./RequestLogsRow/RequestLogsRow";`
`11`	`13`
`12`	`14`	`interfaceRequestLogsPageViewProps{`
	`15`	`+isLoading:boolean;`
`13`	`16`	`interceptions?:readonlyAIBridgeInterception[];`
`14`	`17`	`}`
`15`	`18`
`16`	`19`	`exportconstRequestLogsPageView:FC<RequestLogsPageViewProps>=({`
	`20`	`+isLoading,`
`17`	`21`	`interceptions,`
`18`	`22`	`})=>{`
`19`	`23`	`return(`
`@@ -29,6 +33,10 @@ export const RequestLogsPageView: FC<RequestLogsPageViewProps> = ({`
`29`	`33`	`</TableRow>`
`30`	`34`	`</TableHeader>`
`31`	`35`	`<TableBody>`
	`36`	`+{isLoading&&<TableLoader/>}`
	`37`	`+{interceptions?.length===0&&(`
	`38`	`+<TableEmptymessage={"No request logs available"}/>`
	`39`	`+)}`
`32`	`40`	`{interceptions?.map((interception)=>(`
`33`	`41`	`<RequestLogsRowinterception={interception}key={interception.id}/>`
`34`	`42`	`))}`

Comments

(0)