feat: update Typography comps

Nerdware-LLC · Dec 15, 2022 · e143dec · e143dec
1 parent 84d2104
commit e143dec
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 10 deletions.
diff --git a/src/components/Typography/ErrorMessage.test.tsx b/src/components/Typography/ErrorMessage.test.tsx
@@ -1,6 +1,6 @@
 import renderer from "react-test-renderer";
 import { ErrorMessage } from "./ErrorMessage";
-import { ThemeProvider } from "../../app/ThemeProvider";
+import { ThemeProvider } from "@app/ThemeProvider";
 
 it("renders correctly", () => {
   // ThemeProvider is necessary to be able to access prop.theme in styled css.

diff --git a/src/components/Typography/ErrorMessage.tsx b/src/components/Typography/ErrorMessage.tsx
@@ -1,8 +1,7 @@
-import React from "react";
 import { useTheme } from "@mui/material/styles";
 import styled from "@emotion/styled";
 import { Text } from "./Text";
-import { node, string } from "../../types";
+import { node, string } from "@types";
 
 export const ErrorMessage = ({
   error,
@@ -12,7 +11,7 @@ export const ErrorMessage = ({
   const { palette } = useTheme();
 
   return (
-    <StyledErrorBox style={{ visibility: !!error ? "visible" : "hidden" }} {...props}>
+    <StyledErrorBox style={{ visibility: error ? "visible" : "hidden" }} {...props}>
       <StyledErrorText style={{ color: palette.error.main }}>
         {children ?? error ?? ""}
       </StyledErrorText>

diff --git a/src/components/Typography/Text.test.tsx b/src/components/Typography/Text.test.tsx
@@ -1,6 +1,6 @@
 import renderer from "react-test-renderer";
 import { Text } from "./Text";
-import { ThemeProvider } from "../../app/ThemeProvider";
+import { ThemeProvider } from "@app/ThemeProvider";
 
 it("renders correctly", () => {
   // ThemeProvider is necessary to be able to access prop.theme in styled css.

diff --git a/src/components/Typography/Text.tsx b/src/components/Typography/Text.tsx
@@ -1,7 +1,6 @@
-import React from "react";
 import styled from "@emotion/styled";
 import { useTheme } from "@mui/material/styles";
-import { node } from "../../types";
+import { node } from "@types";
 
 export const Text = ({
   variant = "primary",

diff --git a/src/components/Typography/Title.test.tsx b/src/components/Typography/Title.test.tsx
@@ -1,6 +1,6 @@
 import renderer from "react-test-renderer";
 import { Title } from "./Title";
-import { ThemeProvider } from "../../app/ThemeProvider";
+import { ThemeProvider } from "@app/ThemeProvider";
 
 it("renders correctly", () => {
   // ThemeProvider is necessary to be able to access prop.theme in styled css.

diff --git a/src/components/Typography/Title.tsx b/src/components/Typography/Title.tsx
@@ -1,7 +1,6 @@
-import React from "react";
 import styled from "@emotion/styled";
 import { useTheme } from "@mui/material/styles";
-import { node } from "../../types";
+import { node } from "@types";
 
 export const Title = ({
   variant = "primary",