props fix

webeetle · Jul 15, 2021 · aebc12b · aebc12b
1 parent 454aec6
commit aebc12b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/components/Avatar/Avatar.jsx b/src/components/Avatar/Avatar.jsx
@@ -226,6 +226,7 @@ Avatar.propTypes = {
   className: PropTypes.string,
   stroke: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"]),
   rounded: PropTypes.oneOf(["sm", "md", "lg", "full", "none"]),
+  src: PropTypes.string,
   onClick: PropTypes.func,
 };
 

diff --git a/src/components/Button/Button.jsx b/src/components/Button/Button.jsx
@@ -104,11 +104,8 @@ const Button = (btnProps) => {
 
   return (
     <button
+      {...props}
       data-testid="Button-1"
-      onClick={(e) =>
-        typeof props.onClick === "function" ? props.onClick(e) : null
-      }
-      style={{ ...props.style }}
       disabled={disabled}
       className={overrideTailwindClasses(
         classnames(

diff --git a/src/components/Dropdown/Dropdown.jsx b/src/components/Dropdown/Dropdown.jsx
@@ -142,7 +142,7 @@ const Dropdown = (propsDropdown) => {
         leaveFrom="transform opacity-100 scale-100"
         leaveTo="transform opacity-0 scale-95"
       >
-        <Menu.Items className="absolute z-20 right-0 w-56 mt-2 origin-top-right bg-white divide-y divide-gray-100 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
+        <Menu.Items className="absolute right-0 z-20 w-56 mt-2 origin-top-right bg-white divide-y divide-gray-100 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
           <div className="px-1 py-1">
             {options.length > 0 &&
               options.map((opt, index) => (
@@ -153,7 +153,7 @@ const Dropdown = (propsDropdown) => {
                         ? opt.handler
                         : null
                     }
-                    className="text-gray-900 group flex rounded-md items-center w-full text-sm outline-none focus:outline-none cursor-pointer"
+                    className="flex items-center w-full text-sm text-gray-900 rounded-md outline-none cursor-pointer group focus:outline-none"
                   >
                     {opt.icon ? (
                       <div
@@ -219,7 +219,7 @@ const ArrowDown = (props) => {
     <svg
       {...props}
       xmlns="http://www.w3.org/2000/svg"
-      className="h-5 w-5"
+      className="w-5 h-5"
       viewBox="0 0 20 20"
       fill="currentColor"
     >