DS migration - StackedList

Author: 3em

apps/design-system/src/subjects/views/connectors/mock-connectors-data.json

@@ -3,7 +3,7 @@
     "connector": {
       "name": "connector-1",
       "identifier": "connector1",
-      "description": "",
+      "description": "asdasdasd",
       "accountIdentifier": "account123",
       "orgIdentifier": "org1",
       "projectIdentifier": "project1",
@@ -74,9 +74,9 @@
   },
   {
     "connector": {
-      "name": "connector-2",
+      "name": "connector-2 with long long text, connector-2 with long long text",
       "identifier": "connector2",
-      "description": "",
+      "description": "desc 2 with long long text with long long text with long long text with long long text",
       "accountIdentifier": "account123",
       "orgIdentifier": "org1",
       "projectIdentifier": "project1",

apps/design-system/src/subjects/views/data-table-demo.tsx

@@ -156,7 +156,7 @@ export const DataTableDemo: React.FC = () => {
   }
 
   return (
-    <SandboxLayout.Main className="flex justify-center items-center">
+    <SandboxLayout.Main className="flex items-center justify-center">
       <SandboxLayout.Content className="w-[900px] justify-center">
         <DataTable<User>
           columns={columns}

apps/design-system/src/subjects/views/draggable-cards-demo.tsx

@@ -17,7 +17,7 @@ export const DraggableCardsDemo = () => {
     {
       id: '1',
       title: (
-        <div className="w-full flex items-center justify-between">
+        <div className="flex w-full items-center justify-between">
           <span className="flex items-center">
             <IconV2 name="ai" size="md" />
             <span className="ml-2">First Card</span>

apps/design-system/src/subjects/views/execution-list/execution-list.tsx

@@ -1,22 +1,18 @@
 import { FC } from 'react'
-import { Link } from 'react-router-dom'
 
 import { noop } from '@utils/viewUtils'
 
-import { ExecutionListPage, RepoSummaryViewProps, TLinkComponent } from '@harnessio/ui/views'
+import { ExecutionListPage, RepoSummaryViewProps } from '@harnessio/ui/views'
 
 import { useExecutionListStore } from './execution-list.store'
 
-const LinkComponent: TLinkComponent = ({ to, children }) => <Link to={to}>{children}</Link>
-
 const ExecutionListWrapper: FC<Partial<RepoSummaryViewProps>> = () => {
   return (
     <ExecutionListPage
       useExecutionListStore={useExecutionListStore}
       setSearchQuery={noop}
       isLoading={false}
       isError={false}
-      LinkComponent={LinkComponent}
       handleExecutePipeline={noop}
     />
   )

apps/design-system/src/subjects/views/pipeline-list/pipeline-list.tsx

@@ -1,14 +1,11 @@
 import { FC, useState } from 'react'
-import { Link } from 'react-router-dom'
 
 import { noop } from '@utils/viewUtils'
 
-import { CreatePipelineDialog, PipelineListPage, RepoSummaryViewProps, TLinkComponent } from '@harnessio/ui/views'
+import { CreatePipelineDialog, PipelineListPage, RepoSummaryViewProps } from '@harnessio/ui/views'
 
 import { usePipelineListStore } from './pipeline-list.store'
 
-const LinkComponent: TLinkComponent = ({ to, children }) => <Link to={to}>{children}</Link>
-
 const PipelineListWrapper: FC<Partial<RepoSummaryViewProps>> = () => {
   const [createPipelineOpen, setCreatePipelineOpen] = useState(false)
   return (
@@ -19,7 +16,6 @@ const PipelineListWrapper: FC<Partial<RepoSummaryViewProps>> = () => {
         isLoading={false}
         isError={false}
         handleCreatePipeline={() => setCreatePipelineOpen(true)}
-        LinkComponent={LinkComponent}
       />
       <CreatePipelineDialog
         isOpen={createPipelineOpen}

apps/design-system/src/subjects/views/repo-files/components/repo-file-content-viewer.tsx

@@ -50,7 +50,7 @@ export const RepoFileContentViewer = ({ isMarkdown = false }: { isMarkdown?: boo
         isSubmitting={false}
       />
       <Tabs.Root
-        className="flex flex-col h-full"
+        className="flex h-full flex-col"
         value={view as string}
         onValueChange={val => onChangeView(val as ViewTypeValue)}
       >

apps/design-system/src/subjects/views/table-v2-demo.tsx

@@ -57,8 +57,8 @@ const users: User[] = [
 
 export const TableV2Demo: React.FC = () => {
   return (
-    <SandboxLayout.Main className="justify-center items-center">
-      <SandboxLayout.Content className="max-w-[600px] justify-center items-center">
+    <SandboxLayout.Main className="items-center justify-center">
+      <SandboxLayout.Content className="max-w-[600px] items-center justify-center">
         <Table.Root size="compact">
           <Table.Header>
             <Table.Row>

apps/gitness/src/components-v2/LinkComponent.tsx

@@ -7,7 +7,6 @@ import { ListExecutionsOkResponse, TypesExecution, useListExecutionsQuery } from
 import { IconV2 } from '@harnessio/ui/components'
 import { ExecutionListPage, IExecution } from '@harnessio/ui/views'
 
-import { LinkComponent } from '../../components-v2/LinkComponent'
 import { useGetRepoRef } from '../../framework/hooks/useGetRepoPath'
 import { parseAsInteger, useQueryState } from '../../framework/hooks/useQueryState'
 import { PathParams } from '../../RouteDefinitions'
@@ -63,7 +62,6 @@ export default function RepoExecutionListPage() {
         searchQuery={query}
         setSearchQuery={setQuery}
         handleExecutePipeline={noop}
-        LinkComponent={LinkComponent}
       />
       {/* TODO */}
       {/* <RunPipelineDialog