fix(app-general): fix components import for storybook

eficode · Feb 9, 2021 · a9f7f16 · a9f7f16
1 parent 777ec3f
commit a9f7f16
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/packages/game-app/src/_shared/components/ExpandableTopPanel/ExpandableTopPanel.tsx b/packages/game-app/src/_shared/components/ExpandableTopPanel/ExpandableTopPanel.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from 'react';
 import { ExpandIcon, PanelContent, PanelContentWrapper, PanelHeader, PanelWrapper } from './ExpandableTopPanel.styled';
 import Typography from '../Typography';
-import { ReactComponent as ArrowIcon } from '@assets/icons/expandable-box.svg';
+import { ReactComponent as ArrowIcon } from '../../../assets/icons/expandable-box.svg';
 
 type Props = {
   className?: string;

diff --git a/packages/game-app/src/_shared/components/PasswordInput/PasswordInput.tsx b/packages/game-app/src/_shared/components/PasswordInput/PasswordInput.tsx
@@ -4,9 +4,11 @@ import ErrorMessage from '../ErrorMessage';
 import Typography from '../Typography';
 import { InputContainer, LabelContainer } from './PasswordInput.styled';
 import Input from '../Input';
-import { ReactComponent as EyeIcon } from '@assets/icons/eye.svg';
-import { ReactComponent as HideIcon } from '@assets/icons/hide-password.svg';
-import { Box, Link, PopoverDetails } from '@pipeline/components';
+import { ReactComponent as EyeIcon } from '../../../assets/icons/eye.svg';
+import { ReactComponent as HideIcon } from '../../../assets/icons/hide-password.svg';
+import Box from '../Box';
+import Link from '../Link';
+import PopoverDetails from '../PopoverDetails';
 
 type Props = {
   name: string;

diff --git a/packages/game-app/src/_shared/components/PopoverDetails/PopoverDetails.tsx b/packages/game-app/src/_shared/components/PopoverDetails/PopoverDetails.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { ReactComponent as QuestionIcon } from '@assets/icons/question.svg';
+import { ReactComponent as QuestionIcon } from '../../../assets/icons/question.svg';
 import { Popover, ArrowContainer, PopoverProps } from 'react-tiny-popover';
-import { Typography } from '@pipeline/components';
+import Typography from '../Typography';
 import styled from 'styled-components';
 
 type Props = {
@@ -20,6 +20,8 @@ const PopoverContent = styled.div`
   padding: 12px;
   max-width: 140px;
   border-radius: 8px;
+  -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
 `;
 
 const PopoverDetails: React.FC<Props> = ({ details }) => {

diff --git a/packages/game-app/src/_shared/components/SelectInput/SelectInput.styled.tsx b/packages/game-app/src/_shared/components/SelectInput/SelectInput.styled.tsx
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import Box from '../Box';
 import React from 'react';
-import dropdownArrow from '@assets/icons/dropdown-arrow.svg';
+import dropdownArrow from '../../../assets/icons/dropdown-arrow.svg';
 
 export const Select = styled.select`
   width: 100%;

diff --git a/packages/game-app/src/_shared/components/TextInput/TextInput.tsx b/packages/game-app/src/_shared/components/TextInput/TextInput.tsx
@@ -3,8 +3,8 @@ import Typography from '../Typography';
 import ErrorMessage from '../ErrorMessage';
 import { InputContainer } from './TextInput.styled';
 import Input from '../Input';
-import { Box, PopoverDetails } from '@pipeline/components';
-import { LabelContainer } from '../PasswordInput/PasswordInput.styled';
+import Box from '../Box';
+import PopoverDetails from '../PopoverDetails';
 
 type Props = {
   name: string;