Pass correct props through LinkButtons

gitpod-io · Oct 29, 2023 · ece9754 · ece9754
1 parent 547b09f
commit ece9754
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/dashboard/src/components/podkit/buttons/LinkButton.tsx b/components/dashboard/src/components/podkit/buttons/LinkButton.tsx
@@ -17,9 +17,9 @@ export interface LinkButtonProps extends ButtonProps {
  * A HTML anchor element styled as a button.
  */
 export const LinkButton = React.forwardRef<HTMLButtonElement, LinkButtonProps>(
-    ({ className, variant, size, asChild, children, href, ...props }, ref) => {
+    ({ asChild, children, href, ...props }, ref) => {
         return (
-            <Button asChild {...props} ref={ref}>
+            <Button ref={ref} {...props} asChild>
                 <Link to={href}>{children}</Link>
             </Button>
         );

diff --git a/components/dashboard/src/projects/Projects.tsx b/components/dashboard/src/projects/Projects.tsx
@@ -111,7 +111,7 @@ export default function ProjectsPage() {
             )}
             {(data?.projects || []).length > 0 && (
                 <div className="app-container">
-                    <div className="mt-3 pb-3 flex border-b border-gray-200 dark:border-gray-800">
+                    <div className="mt-3 pb-3 flex border-b border-gray-200 dark:border-gray-800 items-center">
                         <div className="flex relative h-10 my-auto">
                             <img
                                 src={search}
@@ -129,7 +129,7 @@ export default function ProjectsPage() {
                         <div className="flex-1" />
                         <div className="py-2 pl-3"></div>
                         {team && (
-                            <LinkButton href="./members" variant="secondary" className="ml-2 flex">
+                            <LinkButton href="./members" variant="secondary" className="ml-2">
                                 Invite Members
                             </LinkButton>
                         )}