fix(link): import the proper link component and the styled link

Sage · Sep 2, 2021 · b03de73 · b03de73
1 parent 1cef241
commit b03de73
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/.storybook/welcome-page/loves-carbon/loves-carbon.style.js b/.storybook/welcome-page/loves-carbon/loves-carbon.style.js
@@ -1,6 +1,6 @@
-import styled from 'styled-components';
-import { StyledComponentHeader } from '../components-demo/component-heading/component-heading.style'; 
-import Link from '../../../src/components/link/link.style';
+import styled from "styled-components";
+import { StyledComponentHeader } from "../components-demo/component-heading/component-heading.style";
+import { StyledLink } from "../../../src/components/link/link.style";
 
 export const Wrapper = styled.div`
   margin: 0 auto;
@@ -11,10 +11,10 @@ export const Wrapper = styled.div`
 `;
 
 export const LovesCarbonWrapper = styled.div`
-  background-color: #E6EBED;
+  background-color: #e6ebed;
   width: 100%;
 
-  && ${Link} a {
+  && ${StyledLink} a {
     font-size: 18px;
     font-weight: bold;
   }
@@ -33,4 +33,3 @@ export const Image = styled.img`
     width: 50%;
   }
 `;
-
diff --git a/src/components/link/link.stories.mdx b/src/components/link/link.stories.mdx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { Meta, Story, Preview, Props } from "@storybook/addon-docs";
 import LinkTo from "@storybook/addon-links/react";
-import Link, { InternalLink } from "./link.component";
+import Link from "./link.component";
 import Box from "../box";
 import { Menu, MenuItem } from "../menu";
 import Typography from "../typography";
@@ -197,4 +197,4 @@ Use the `target` prop to modify the behaviour when the Link component is clicked
 
 ### Link
 
-<Props of={InternalLink} />
+<Props of={Link} />