Merge pull request #6 from holaplex/anshul/small-patch

some fixes and updates
holaplex · Jan 30, 2023 · 19ec915 · 19ec915
2 parents 88087d3 + a95200a
commit 19ec915
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/packages/@holaplexui-react/package.json b/packages/@holaplexui-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@holaplex/ui-library-react",
   "author": "Holaplex Inc.",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Holaplex react ui library components",
   "private": false,
   "files": [

diff --git a/packages/@holaplexui-react/src/components/Button.tsx b/packages/@holaplexui-react/src/components/Button.tsx
@@ -1,21 +1,21 @@
 import clsx from 'clsx';
-import { useMemo } from 'react';
+import { ReactElement, useMemo } from 'react';
 import { Spinner } from './Spinner';
 
 export interface ButtonProps {
-  variant?: 'primary' | 'secondary' | 'success' | 'failure' | 'link';
+  variant?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'failure' | 'link';
   size?: 'small' | 'medium' | 'large';
-  border: 'circle' | 'rounded' | 'square';
+  border?: 'circle' | 'rounded' | 'square';
   loading?: boolean;
   block?: boolean;
-  icon?: React.ReactElement;
-  spinner?: React.ReactElement;
+  icon?: ReactElement;
+  spinner?: ReactElement;
   onClick?: () => any;
   disabled?: boolean;
   circle?: boolean;
   htmlType?: 'button' | 'submit' | 'reset' | undefined;
   className?: string;
-  children?: string;
+  children?: ReactElement;
 }
 
 export const Button = ({
@@ -69,6 +69,8 @@ export const Button = ({
         return 'button-variant-primary';
       case 'secondary':
         return 'button-variant-secondary';
+      case 'tertiary':
+        return 'button-variant-tertiary';
       case 'link':
         return 'button-variant-link';
       case 'success':

diff --git a/packages/@holaplexui-react/src/components/Popover.tsx b/packages/@holaplexui-react/src/components/Popover.tsx
@@ -31,7 +31,7 @@ export function PopoverBox({
         >
           <ul className="popover overflow-hidden">
             {elements.map((element) => (
-              <li key={element.key} className="w-full">
+              <li key={element.key} className="cursor-pointer">
                 {element}
               </li>
             ))}