react: send texts by parameter

Signed-off-by: João Pedro <joaof082@gmail.com>
estartando-devs · Mar 10, 2022 · a29a041 · a29a041
1 parent f6700f3
commit a29a041
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 43 deletions.
diff --git a/src/components/StudentProfile/index.tsx b/src/components/StudentProfile/index.tsx
@@ -5,38 +5,16 @@ type StudentProfileProps = {
   title: string;
 };
 
-export const StudentProfile = ({ title }: StudentProfileProps) => (
+export const StudentProfile = ({ title, description }: StudentProfileProps) => (
   <S.Container>
     <S.ContentStudentProfile>
-    <S.TextBox>
-      <S.TitleProfile dangerouslySetInnerHTML={{ __html: title }} />
-      <S.DescriptionProfile as="span">
-        Buscamos pessoas que gostem de desafios, sejam determinadas e
-        responsáveis. Nossa formação é totalmente <strong>gratuita.</strong> A
-        única coisa que cobramos é <strong>dedicação.</strong>
-        <br />
-        <br />
-        Para se inscrever você precisa: <br />
-        <br />
-        <ul>
-          <li>Estar cursando ou ter concluído o 3º ano do ensino médio;</li>
-          <li>
-            Morar <strong> em qualquer lugar do Brasil</strong>;
-          </li>
-          <li>
-            Possuir renda familiar per capta de{' '}
-            <strong> até meio salário mínimo </strong>(R$ 606,00 por pessoa
-            residente na casa) ou possuir renda familiar total de{' '}
-            <strong>até três salários mínimos</strong>;
-          </li>
-        </ul>
-        <br />
-        <br />É legal que você saiba usar mouse e teclado, pesquisar na internet
-        e ter bastante disposição para estudar. Ah, é importante ter
-        disponibilidade nas terças e quintas, de 19:30 às 21:30, pois esse será
-        o horário das aulas.
-      </S.DescriptionProfile>
-    </S.TextBox>
+      <S.TextBox>
+        <S.TitleProfile dangerouslySetInnerHTML={{ __html: title }} />
+        <S.DescriptionProfile
+          dangerouslySetInnerHTML={{ __html: description }}
+          as="span"
+        />
+      </S.TextBox>
     </S.ContentStudentProfile>
   </S.Container>
 );
diff --git a/src/mocks/DescriptionProfile.mock.ts b/src/mocks/DescriptionProfile.mock.ts
@@ -5,19 +5,28 @@ type studentSectionProfile = {
 
 export const studentProfileSection: studentSectionProfile = {
   title: ` Qual o perfil de aluno que <br /> <strong>buscamos?</strong>`,
-  description: `Buscamos pessoas que gostem de desafios, sejam determinadas e responsáveis. Nossa formação é totalmente <strong>gratuita.</strong> A única coisa que cobramos é <strong>dedicação.</strong><br/><br/>
-  Para se inscrever você precisa: <br/><br/>
+  description: `Buscamos pessoas que gostem de desafios, sejam determinadas e
+  responsáveis. Nossa formação é totalmente <strong>gratuita.</strong> A
+  única coisa que cobramos é <strong>dedicação.</strong>
+  <br />
+  <br />
+  Para se inscrever você precisa: <br />
+  <br />
   <ul>
-  <li>
-  Estar cursando ou ter concluído o 3º ano do ensino médio;
-  </li>
-  <li>
-  Morar <strong> em qualquer lugar do Brasil</strong>;
-  </li>
-  <li>
-  Possuir renda familiar per capta de <strong>até meio salário mínimo </strong>(R$ 606,00 por pessoa residente na casa) ou possuir renda familiar total de <strong>até três salários mínimos</strong>;
-  </li>
+    <li>Estar cursando ou ter concluído o 3º ano do ensino médio;</li>
+    <li>
+      Morar <strong> em qualquer lugar do Brasil</strong>;
+    </li>
+    <li>
+      Possuir renda familiar per capta de
+      <strong> até meio salário mínimo </strong>(R$ 606,00 por pessoa
+      residente na casa) ou possuir renda familiar total de
+      <strong>até três salários mínimos</strong>;
+    </li>
   </ul>
-  <br/><br/>
-  É legal que você saiba usar mouse e teclado, pesquisar na internet e ter bastante disposição para estudar. Ah, é importante ter disponibilidade nas terças e quintas, de 19:30 às 21:30, pois esse será o horário das aulas.`,
+  <br />
+  <br />É legal que você saiba usar mouse e teclado, pesquisar na internet
+  e ter bastante disposição para estudar. Ah, é importante ter
+  disponibilidade nas terças e quintas, de 19:30 às 21:30, pois esse será
+  o horário das aulas.`,
 };