fix: Radio and Breadcrumb (#149)

pancakeswap · Jan 22, 2021 · e98ea32 · e98ea32
1 parent 8a3280c
commit e98ea32
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/src/__tests__/components/radio.test.tsx b/src/__tests__/components/radio.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <input
-        class="sc-bdfBwQ eDQPNu"
+        class="sc-bdfBwQ dsNrbs"
         name="radio"
         scale="md"
         type="radio"

diff --git a/src/components/Breadcrumbs/Breadcrumbs.tsx b/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -5,7 +5,7 @@ import { space } from "styled-system";
 import ChevronRightIcon from "../Svg/Icons/ChevronRight";
 import { BreadcrumbsProps } from "./types";
 
-const Separator = styled.li`
+const Separator = styled.div`
   align-items: center;
   color: currentColor;
   display: flex;

diff --git a/src/components/Radio/Radio.tsx b/src/components/Radio/Radio.tsx
@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import { space } from "styled-system";
 import { RadioProps, scales } from "./types";
 
 const getScale = ({ scale }: RadioProps) => {
@@ -66,10 +67,12 @@ const Radio = styled.input.attrs({ type: "radio" })<RadioProps>`
     cursor: default;
     opacity: 0.6;
   }
+  ${space}
 `;
 
 Radio.defaultProps = {
   scale: scales.MD,
+  m: 0,
 };
 
 export default Radio;
diff --git a/src/components/Radio/types.ts b/src/components/Radio/types.ts
@@ -1,3 +1,5 @@
+import { SpaceProps } from "styled-system";
+
 export type RadioTheme = {
   handleBackground: string;
 };
@@ -9,6 +11,6 @@ export const scales = {
 
 export type Scales = typeof scales[keyof typeof scales];
 
-export interface RadioProps {
+export interface RadioProps extends SpaceProps {
   scale?: Scales;
 }