Commit7096e8f

and

Leshe4ka

authored

Topic cell as link (#1483)

Co-authored-by: Leshe4ka <kozyurov.alexey@google.com>

1 parent550bd05 commit7096e8fCopy full SHA for 7096e8f

File tree

-23

lines changed

frontend/src/components/Connect/List/ConnectorsTable/connectorsColumns/cells
- TopicsCell.tsx

-23

lines changed

Lines changed: 9 additions & 23 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`importReactfrom'react';`
`2`	`2`	`import{FullConnectorInfo}from'generated-sources';`
`3`	`3`	`import{CellContext}from'@tanstack/react-table';`
`4`		`-import{useNavigate}from'react-router-dom';`
`5`	`4`	`import{MultiLineTag}from'components/common/Tag/Tag.styled';`
`6`	`5`	`import{ClusterNameRoute,clusterTopicPath}from'lib/paths';`
`7`	`6`	`importuseAppParamsfrom'lib/hooks/useAppParams';`
`@@ -13,31 +12,18 @@ const TopicsCell: React.FC<CellContext<FullConnectorInfo, unknown>> = ({`
`13`	`12`	`})=>{`
`14`	`13`	`const{ topics}=row.original;`
`15`	`14`	`const{ clusterName}=useAppParams<ClusterNameRoute>();`
`16`		`-constnavigate=useNavigate();`
`17`		`-`
`18`		`-constnavigateToTopic=(`
`19`		`-e:React.KeyboardEvent\|React.MouseEvent,`
`20`		`-topic:string`
`21`		`-)=>{`
`22`		`-e.preventDefault();`
`23`		`-e.stopPropagation();`
`24`		`-navigate(clusterTopicPath(clusterName,topic));`
`25`		`-};`
`26`	`15`
`27`	`16`	`return(`
`28`	`17`	`<S.TagsWrapper>`
`29`		`-{topics?.map((t)=>(`
`30`		`-<MultiLineTagkey={t}color="green">`
`31`		`-<span`
`32`		`-role="link"`
`33`		`-onClick={(e)=>navigateToTopic(e,t)}`
`34`		`-onKeyDown={(e)=>navigateToTopic(e,t)}`
`35`		`-tabIndex={0}`
`36`		`->`
`37`		`-{t}`
`38`		`-</span>`
`39`		`-</MultiLineTag>`
`40`		`-))}`
	`18`	`+{topics?.map((t)=>{`
	`19`	`+consthref=clusterTopicPath(clusterName,t);`
	`20`	`+`
	`21`	`+return(`
	`22`	`+<MultiLineTagkey={t}color="green">`
	`23`	`+<ahref={href}>{t}</a>`
	`24`	`+</MultiLineTag>`
	`25`	`+);`
	`26`	`+})}`
`41`	`27`	`</S.TagsWrapper>`
`42`	`28`	`);`
`43`	`29`	`};`

Comments

(0)