Resolve "Criar tela de busca"

Closes #10 (closed)

src/Components/HelpCenter/Cards/CardEncontrando.js

@@ -16,42 +16,57 @@ GNU Affero General Public License for more details.
 You should have received a copy of the GNU Affero General Public License
 along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>.*/
 
-import React, { Component, useState, useEffect } from 'react';
-import styled from 'styled-components';
-import EncontrandoRecurso from '../../../img/ajuda/Encontrando_recursos.png';
-
-import  { Link } from 'react-router-dom';
+import React from "react";
+import styled from "styled-components";
+import EncontrandoRecurso from "../../../img/ajuda/Encontrando_recursos.png";
 
+import { Link } from "react-router-dom";
 
 export default function CardEncontrando(props) {
-  return(
+  return (
     <CardAjuda>
       <div className="card">
         <img src={EncontrandoRecurso} alt="" />
         <h3>Encontrando Recursos</h3>
-        <hr/>
-        <Link to={{
-          pathname : 'encontrando-recurso',
-          state : {value : '0'}
-        }}>Como fazer uma busca?</Link>
-        <br/>
-        <Link to={{
-          pathname : 'encontrando-recurso',
-          state : {value : '1'}
-        }}>Como filtrar os resultados?</Link>
+        <hr />
+        <Link
+          to={{
+            pathname: "encontrando-recurso",
+            state: { value: "0" }
+          }}
+        >
+          Como fazer uma busca?
+        </Link>
+        <br />
+        <Link
+          to={{
+            pathname: "encontrando-recurso",
+            state: { value: "1" }
+          }}
+        >
+          Como filtrar os resultados?
+        </Link>
         <a></a>
-        <br/>
-        <Link to={{
-          pathname : 'encontrando-recurso',
-          state : {value : '2'}
-        }}>Como os recursos são ranqueados?</Link>
-        <br/>
+        <br />
+        <Link
+          to={{
+            pathname: "encontrando-recurso",
+            state: { value: "2" }
+          }}
+        >
+          Como os recursos são ranqueados?
+        </Link>
+        <br />
       </div>
       <div className="card-rodape">
-      <Link to={{
-          pathname : 'encontrando-recurso',
-          state : {value : '0'}
-        }}>VER MAIS</Link>
+        <Link
+          to={{
+            pathname: "encontrando-recurso",
+            state: { value: "0" }
+          }}
+        >
+          VER MAIS
+        </Link>
       </div>
     </CardAjuda>
   );
@@ -60,7 +75,7 @@ export default function CardEncontrando(props) {
 const CardAjuda = styled.div`
 
   height: 360px;
-  margin-bottom: 20px
+  margin-bottom: 20px;
 
 
   .card {
@@ -72,7 +87,7 @@ const CardAjuda = styled.div`
     box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
 
     h3 {
-      font-size: 24px;
+      font-size: 23px;
       font-weight: 400;
       color: #666;
       margin-top: 20px;
@@ -138,4 +153,4 @@ const CardAjuda = styled.div`
 
 }
 
-`
\ No newline at end of file
+`;