From dbc3c8a69392a81283b29248d31bd92a23025367 Mon Sep 17 00:00:00 2001
From: ks129 <45097959+ks129@users.noreply.github.com>
Date: Mon, 18 Jan 2021 11:54:12 +0200
Subject: Move invalid styles to common styles

---
 src/components/InputTypes/TextArea.tsx | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

(limited to 'src/components')

diff --git a/src/components/InputTypes/TextArea.tsx b/src/components/InputTypes/TextArea.tsx
index a09ce8a..6729499 100644
--- a/src/components/InputTypes/TextArea.tsx
+++ b/src/components/InputTypes/TextArea.tsx
@@ -1,9 +1,8 @@
 /** @jsx jsx */
 import { jsx, css } from "@emotion/react";
 import React, { ChangeEvent } from "react";
-import { textInputs } from "../../commonStyles";
+import { invalidStyles, textInputs } from "../../commonStyles";
 import ErrorMessage from "../ErrorMessage";
-import colors from "../../colors";
 
 interface TextAreaProps {
     handler: (event: ChangeEvent<HTMLTextAreaElement>) => void,
@@ -21,13 +20,6 @@ const styles = css`
   padding: 1rem;
 `;
 
-const invalidStyles = css`
-  .invalid-box {
-    box-shadow: 0 0 10px ${colors.error};
-    border: none;
-  }
-`;
-
 export default function TextArea(props: TextAreaProps): JSX.Element {
     return (
         <div css={invalidStyles}>
-- 
cgit v1.2.3