Skip to content

Conversation

@safoinme
Copy link

@safoinme safoinme commented Jan 9, 2026

Fixes Issue / Ticket

Description

✨ [Provide a brief description of the changes introduced by this pull request.]

Checklist

Please make sure that your pull request complies with the following requirements:

  • Code Quality:

    • 🧹 Code follows the project's coding guidelines.
  • Testing:

    • 🧪️ All existing tests pass successfully.
  • Documentation:

    • 📖 README and documentation are updated if necessary.
  • Review:

    • 👀 Code has been reviewed by a team member.
  • Security:

    • 🔒 Changes don't introduce security vulnerabilities.

Screenshots (optional)

📸 [Include any relevant screenshots or visual representations of the changes.]

Additional Information

ℹ️ [Provide any additional information that might be useful for the reviewer.]

@safoinme safoinme linked an issue Jan 9, 2026 that may be closed by this pull request
@safoinme safoinme requested a review from Cahllagerfeld January 9, 2026 13:30
Copy link
Collaborator

@Cahllagerfeld Cahllagerfeld left a comment

Choose a reason for hiding this comment

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

I think its not looking too bad.

There are quite a few issues with TS.
I would take a look into the detailed css, once youre done 👍

Also we need to add the changelog using the changesets

// PaginationLast
// ============================================================================

export interface PaginationLastProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
Copy link
Collaborator

Choose a reason for hiding this comment

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

Here are quite a few typescript errors still

goToLast: () => void;
}

export function usePagination({
Copy link
Collaborator

Choose a reason for hiding this comment

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

I would probably put this to a separate file, and not export it from the component file itself

import { cn } from "../../utilities";

export const numberboxVariants = cva(
"flex h-10 w-10 items-center justify-center rounded-sm text-text-lg font-semibold",
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think the dimensions are not exactly the same as the ones we do have right now. Especially width and height.

@@ -0,0 +1,106 @@
import * as React from "react";
import { cva, VariantProps } from "class-variance-authority";
Copy link
Collaborator

Choose a reason for hiding this comment

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

There are unused ts imports, variables, etc... in here.

Please also make sure there is some responsive behavior in here. Probably using a container query can make sense I guess. But at somepoint there needs ot be a wrap I feel like

// EmptyStateActions - Container for action buttons
const emptyStateActionsVariants = cva("flex items-center justify-center gap-3");

export interface EmptyStateActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
Copy link
Collaborator

Choose a reason for hiding this comment

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

again some ts errors.

Once you're done with it, I will need to check, so esp. spacing etc... match the design system

@Cahllagerfeld
Copy link
Collaborator

Before merging, we need to check #112 again, because a new radix dep gets added here

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.

Move components to react library

3 participants