Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat(#19): add table UI #32

Merged
merged 4 commits into from
Jun 28, 2024
Merged

Feat(#19): add table UI #32

merged 4 commits into from
Jun 28, 2024

Conversation

mari1912
Copy link
Collaborator

Description

  • Add table ui
  • add table component
  • todo: add i18n

Related Issues

@mari1912 mari1912 self-assigned this Jun 28, 2024
@mari1912 mari1912 changed the base branch from main to feat/left-menu June 28, 2024 14:39
@mari1912 mari1912 force-pushed the feat/add-table-ui branch 2 times, most recently from 824a81e to 2515d29 Compare June 28, 2024 15:11
@mari1912 mari1912 marked this pull request as ready for review June 28, 2024 15:12
@mari1912 mari1912 force-pushed the feat/add-table-ui branch 2 times, most recently from 9b680b3 to f224830 Compare June 28, 2024 15:20
"lightGray": '#F4F4F4',
"mediumGray": '#EAEAEA',
"darkGray": '#D6D6D6',
"black": '#000000'

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this color already exists, dark color has the same value as black

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

could you separate this change from this commit?

@@ -71,7 +71,7 @@ const LateralMenu = (): JSX.Element => {
orientation="vertical"
>
<div className="w-full px-4">
<img src="./src/assets/kernelCI_logo.png"className="size-14 text-onSecondary" />
<img src="./src/assets/kernelCI_logo.png"className="size-14 text-white" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why does an img have a text style?

Comment on lines 90 to 93
BaseTable({
headers: treeTableColumns,
body: <>{treeTableBody}</>
})
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why are you using BaseTable as a simple function and not as a component?

@@ -20,7 +20,7 @@ const TableHeader = React.forwardRef<
HTMLTableSectionElement,
React.HTMLAttributes<HTMLTableSectionElement>
>(({ className, ...props }, ref) => (
<thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
<thead ref={ref} className={cn("[&_tr]:border-b border-darkGray", className)} {...props} />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's try not to modify the shadcn components, we can pass the style with the className prop

@mari1912 mari1912 force-pushed the feat/add-table-ui branch from f224830 to cdd9a5b Compare June 28, 2024 18:36
@mari1912 mari1912 changed the base branch from feat/left-menu to main June 28, 2024 18:38
"lightGray": '#F4F4F4',
"mediumGray": '#EAEAEA',
"darkGray": '#D6D6D6',
"black": '#000000'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

could you separate this change from this commit?

Copy link

@rfgvieira rfgvieira left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice

@mari1912 mari1912 force-pushed the feat/add-table-ui branch from cdd9a5b to a43c28b Compare June 28, 2024 18:48
@mari1912 mari1912 merged commit 5b64803 into main Jun 28, 2024
@mari1912 mari1912 deleted the feat/add-table-ui branch June 28, 2024 19:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Monitored Elements List component
3 participants