fix(toggle): Types (#182)

pancakeswap · Feb 15, 2021 · 18186af · 18186af
1 parent 0f88b92
commit 18186af
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/components/Toggle/StyledToggle.tsx b/src/components/Toggle/StyledToggle.tsx
@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import { scales } from "../Checkbox/types";
 import { ToggleProps, HandleProps, InputProps, ScaleKeys } from "./types";
 
 const scaleKeyValues = {
@@ -22,7 +23,7 @@ const scaleKeyValues = {
   },
 };
 
-const getScale = (property: ScaleKeys) => ({ scale }: ToggleProps) => {
+const getScale = (property: ScaleKeys) => ({ scale = scales.MD }: ToggleProps) => {
   return scaleKeyValues[scale][property];
 };
 

diff --git a/src/components/Toggle/Toggle.tsx b/src/components/Toggle/Toggle.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import StyledToggle, { Input, Handle } from "./StyledToggle";
 import { ToggleProps, scales } from "./types";
 
-const Toggle: React.FC<ToggleProps> = ({ checked, scale, ...props }) => {
+const Toggle: React.FC<ToggleProps> = ({ checked, scale = scales.MD, ...props }) => {
   const isChecked = !!checked;
 
   return (

diff --git a/src/components/Toggle/types.ts b/src/components/Toggle/types.ts
@@ -11,16 +11,16 @@ export const scales = {
 
 export type Scales = typeof scales[keyof typeof scales];
 
-export interface ToggleProps {
-  scale: Scales;
+export interface ToggleProps extends InputHTMLAttributes<HTMLInputElement> {
+  scale?: Scales;
   checked?: boolean;
 }
 
 export interface HandleProps {
   scale: Scales;
 }
 
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps {
   scale: Scales;
 }