style:used deconstruction of props and changed import statement in st…

…yles
calblueprint · Oct 3, 2023 · 505d1db · 505d1db
1 parent 998cf09
commit 505d1db
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/app/components/InputFields.tsx b/src/app/components/InputFields.tsx
@@ -3,11 +3,12 @@
 import { FormHeaders, Input } from "../screens/loginScreen/styles"
 
 export default function InputFields(props: { text: string, placeholder: string }) {
+    const { text, placeholder } = props;
     return (
         <main>
             <div id="userInfo">
-                <FormHeaders>{props.text}</FormHeaders>
-                <Input type="text" placeholder={props.placeholder} />
+                <FormHeaders>{text}</FormHeaders>
+                <Input type="text" placeholder={placeholder} />
             </div>
         </main>
 

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,4 +1,5 @@
 'use client'
+
 import LoginForm from "./components/LoginForm";
 import { GlobalStyle, Fullscreen, LoginBox, LoginContent, WelcomeSign, Button } from "./screens/loginScreen/styles"
 

diff --git a/src/app/screens/loginScreen/styles.ts b/src/app/screens/loginScreen/styles.ts
@@ -1,5 +1,4 @@
-import { createGlobalStyle } from "styled-components";
-import styled from "styled-components";
+import styled, { createGlobalStyle } from "styled-components";
 
 
 export const GlobalStyle = createGlobalStyle`