From 9a2998b2222d95461d2f01e31c61ffdc89e40b09 Mon Sep 17 00:00:00 2001
From: GiovaniFZ <giovanifinazzi@gmail.com>
Date: Sun, 2 Feb 2025 17:18:20 -0300
Subject: [PATCH] refactor: Commonize Paragraph

---
 src/{pages/about => components/Paragraph}/styles.ts | 2 +-
 src/pages/about/index.tsx                           | 4 ++--
 src/pages/contact/index.tsx                         | 3 ++-
 src/pages/contact/styles.ts                         | 5 -----
 4 files changed, 5 insertions(+), 9 deletions(-)
 rename src/{pages/about => components/Paragraph}/styles.ts (66%)

diff --git a/src/pages/about/styles.ts b/src/components/Paragraph/styles.ts
similarity index 66%
rename from src/pages/about/styles.ts
rename to src/components/Paragraph/styles.ts
index 02555fa..4b444f4 100644
--- a/src/pages/about/styles.ts
+++ b/src/components/Paragraph/styles.ts
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 
 export const Paragraph = styled.p`
   padding-top: 1rem;
diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
index e3df736..fa39578 100644
--- a/src/pages/about/index.tsx
+++ b/src/pages/about/index.tsx
@@ -1,12 +1,12 @@
-import { Paragraph } from './styles';
 import { MainContainer } from '../../components/MainContent/styles';
+import { Paragraph } from '../../components/Paragraph/styles';
 
 export default function About() {
   return (
     <MainContainer>
       <h1>About Me</h1>
       <Paragraph>
-      <span>I'm Giv, a software engineering student interning at a nice company located in Minas Gerais, Brazil!</span>
+      <span>I'm Giv, a software engineering student, interning and studying in Minas Gerais, Brazil!</span>
       </Paragraph>
     </MainContainer>
   );
diff --git a/src/pages/contact/index.tsx b/src/pages/contact/index.tsx
index 0e683dd..888c164 100644
--- a/src/pages/contact/index.tsx
+++ b/src/pages/contact/index.tsx
@@ -1,7 +1,8 @@
 import { useState } from 'react';
-import { Button, Paragraph, TextArea } from './styles';
+import { Button, TextArea } from './styles';
 import { MainContainer } from '../../components/MainContent/styles';
 import { Send } from 'lucide-react';
+import { Paragraph } from '../../components/Paragraph/styles';
 
 export default function Contact() {
   const emailAddress = import.meta.env.VITE_GIV_EMAIL;
diff --git a/src/pages/contact/styles.ts b/src/pages/contact/styles.ts
index e9e6273..5ea4bb6 100644
--- a/src/pages/contact/styles.ts
+++ b/src/pages/contact/styles.ts
@@ -1,10 +1,5 @@
 import styled from 'styled-components';
 
-export const Paragraph = styled.p`
-  padding-top: 1rem;
-  font-size: 1.25rem;
-`;
-
 export const TextArea = styled.textarea`
   height: 10rem;
   margin-top: 1rem;