Commitf4c888f

authored

chore: add stories forLatency component (#12374)

1 parentf00935b commitf4c888fCopy full SHA for f4c888f

File tree

+39

-8

lines changed

+39

-8

lines changed

Lines changed: 34 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,34 @@`
	`1`	`+importtype{Meta,StoryObj}from"@storybook/react";`
	`2`	`+import{Latency}from"./Latency";`
	`3`	`+`
	`4`	`+constmeta:Meta<typeofLatency>={`
	`5`	`+title:"components/Latency",`
	`6`	`+component:Latency,`
	`7`	`+};`
	`8`	`+`
	`9`	`+exportdefaultmeta;`
	`10`	`+typeStory=StoryObj<typeofLatency>;`
	`11`	`+`
	`12`	`+exportconstLow:Story={`
	`13`	`+args:{`
	`14`	`+latency:10,`
	`15`	`+},`
	`16`	`+};`
	`17`	`+`
	`18`	`+exportconstMedium:Story={`
	`19`	`+args:{`
	`20`	`+latency:150,`
	`21`	`+},`
	`22`	`+};`
	`23`	`+`
	`24`	`+exportconstHigh:Story={`
	`25`	`+args:{`
	`26`	`+latency:300,`
	`27`	`+},`
	`28`	`+};`
	`29`	`+`
	`30`	`+exportconstLoading:Story={`
	`31`	`+args:{`
	`32`	`+isLoading:true,`
	`33`	`+},`
	`34`	`+};`

Lines changed: 2 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,15 +7,12 @@ import { type FC } from "react";`
`7`	`7`	`import{getLatencyColor}from"utils/latency";`
`8`	`8`	`import{Abbr}from"components/Abbr/Abbr";`
`9`	`9`
`10`		`-interfaceProxyStatusLatencyProps{`
	`10`	`+interfaceLatencyProps{`
`11`	`11`	`latency?:number;`
`12`	`12`	`isLoading?:boolean;`
`13`	`13`	`}`
`14`	`14`
`15`		`-exportconstProxyStatusLatency:FC<ProxyStatusLatencyProps>=({`
`16`		`- latency,`
`17`		`- isLoading,`
`18`		`-})=>{`
	`15`	`+exportconstLatency:FC<LatencyProps>=({ latency, isLoading})=>{`
`19`	`16`	`consttheme=useTheme();`
`20`	`17`	`// Always use the no latency color for loading.`
`21`	`18`	`constcolor=getLatencyColor(theme,isLoading ?undefined :latency);`

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ import { usePermissions } from "contexts/auth/usePermissions";`
`17`	`17`	`importtype{ProxyContextValue}from"contexts/ProxyContext";`
`18`	`18`	`import{Abbr}from"components/Abbr/Abbr";`
`19`	`19`	`import{displayError}from"components/GlobalSnackbar/utils";`
`20`		`-import{ProxyStatusLatency}from"components/ProxyStatusLatency/ProxyStatusLatency";`
	`20`	`+import{Latency}from"components/Latency/Latency";`
`21`	`21`	`import{CoderIcon}from"components/Icons/CoderIcon";`
`22`	`22`	`import{UserDropdown}from"./UserDropdown/UserDropdown";`
`23`	`23`
`@@ -276,7 +276,7 @@ const ProxyMenu: FC<ProxyMenuProps> = ({ proxyContextValue }) => {`
`276`	`276`	`/>`
`277`	`277`	`</div>`
`278`	`278`
`279`		`-<ProxyStatusLatency`
	`279`	`+<Latency`
`280`	`280`	`latency={latencies?.[selectedProxy.id]?.latencyMS}`
`281`	`281`	`isLoading={proxyLatencyLoading(selectedProxy)}`
`282`	`282`	`/>`
`@@ -385,7 +385,7 @@ const ProxyMenu: FC<ProxyMenuProps> = ({ proxyContextValue }) => {`
`385`	`385`
`386`	`386`	`{proxy.display_name}`
`387`	`387`
`388`		`-<ProxyStatusLatency`
	`388`	`+<Latency`
`389`	`389`	`latency={latencies?.[proxy.id]?.latencyMS}`
`390`	`390`	`isLoading={proxyLatencyLoading(proxy)}`
`391`	`391`	`/>`

Comments

(0)