Commite59c54a

authored

fix: center proxy spinner (#16621)

1 parent4732f08 commite59c54aCopy full SHA for e59c54a

File tree

-2

lines changed

site/src
- components/Latency
  - Latency.tsx
- modules/dashboard/Navbar
  - ProxyMenu.tsx

-2

lines changed

Lines changed: 7 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,9 +10,14 @@ import { getLatencyColor } from "utils/latency";`
`10`	`10`	`interfaceLatencyProps{`
`11`	`11`	`latency?:number;`
`12`	`12`	`isLoading?:boolean;`
	`13`	`+size?:number;`
`13`	`14`	`}`
`14`	`15`
`15`		`-exportconstLatency:FC<LatencyProps>=({ latency, isLoading})=>{`
	`16`	`+exportconstLatency:FC<LatencyProps>=({`
	`17`	`+latency,`
	`18`	`+isLoading,`
	`19`	`+size=14,`
	`20`	`+})=>{`
`16`	`21`	`consttheme=useTheme();`
`17`	`22`	`// Always use the no latency color for loading.`
`18`	`23`	`constcolor=getLatencyColor(theme,isLoading ?undefined :latency);`
`@@ -21,7 +26,7 @@ export const Latency: FC<LatencyProps> = ({ latency, isLoading }) => {`
`21`	`26`	`return(`
`22`	`27`	`<Tooltiptitle="Loading latency...">`
`23`	`28`	`<CircularProgress`
`24`		`-size={14}`
	`29`	`+size={size}`
`25`	`30`	`css={{marginLeft:"auto"}}`
`26`	`31`	`style={{ color}}`
`27`	`32`	`/>`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -99,6 +99,7 @@ export const ProxyMenu: FC<ProxyMenuProps> = ({ proxyContextValue }) => {`
`99`	`99`	`<Latency`
`100`	`100`	`latency={latencies?.[selectedProxy.id]?.latencyMS}`
`101`	`101`	`isLoading={proxyLatencyLoading(selectedProxy)}`
	`102`	`+size={24}`
`102`	`103`	`/>`
`103`	`104`	`</div>`
`104`	`105`	`) :(`

Comments

(0)