ButtonIcon: Add ledger.

decred · Sep 15, 2023 · 75e8ae0 · 75e8ae0
1 parent d7ca43e
commit 75e8ae0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/src/components/ButtonIcon/ButtonIcon.jsx b/src/components/ButtonIcon/ButtonIcon.jsx
@@ -132,6 +132,7 @@ ButtonIcon.propTypes = {
     "privacy",
     "ln",
     "trezor",
+    "ledger",
     "create",
     "restore",
     "watchOnly",

diff --git a/src/components/Icon/Icon.jsx b/src/components/Icon/Icon.jsx
@@ -1402,11 +1402,12 @@ export const IconWrapper = React.forwardRef(
     const defaultIconBgColor =
       backgroundColor || getThemeProperty(theme, "icon-background-color");
     const isStringSize = typeof size === "string";
+    const vb = type === "ledger" ? "0 0 148 128" : viewBox
     return (
       <svg
         ref={ref}
         onClick={onClick}
-        viewBox={viewBox}
+        viewBox={vb}
         width={width ? `${width}` : isStringSize ? sizes[size] : size}
         className={className}
         height={height ? `${height}` : isStringSize ? sizes[size] : size}

diff --git a/src/stories/Icon.stories.jsx b/src/stories/Icon.stories.jsx
@@ -15,12 +15,6 @@ export const Type = Template.bind({});
 Type.args = {
   type: "search",
 };
-export const CustomHeightWidth = Template.bind({});
-CustomHeightWidth.args = {
-  type: "ledger",
-  width: "148",
-  height: "128",
-};
 export const Small = Template.bind({});
 Small.args = {
   type: "github",