feat: Implementar função de compartilhamento de licitação para X ou f…

…acebook
unb-mds · Aug 14, 2024 · f013c4b · f013c4b
1 parent 39bcdc5
commit f013c4b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/frontend/src/pages/about-licitaBSB/style.module.css b/frontend/src/pages/about-licitaBSB/style.module.css
@@ -135,9 +135,6 @@
 }
 
 @media(max-width: 800px){
-    body{
-        background-color: #F9F9F9;
-    }
     .mainContext{
         display: flex;
         justify-content: center;
@@ -147,7 +144,7 @@
         margin-left: 5%;
         margin-top: 1.5rem;
         padding: 0;
-        background-color: #F9F9F9;
+        background-color: #fff;
     }
     .cardAboutContext {
         display: flex;
@@ -162,7 +159,7 @@
         border: 0;
         margin: 0;
         box-shadow: 0 0 transparent;
-        background-color: #F9F9F9;
+        background-color: #fff;
 
     }
 

diff --git a/frontend/src/pages/bidding-page/index.jsx b/frontend/src/pages/bidding-page/index.jsx
@@ -4,7 +4,6 @@ import styles from './style.module.css';
 import { Link, useParams } from 'react-router-dom';
 
 import facebook from '../../../assets/facebook.svg';
-import google from '../../../assets/google.svg';
 import twitter from '../../../assets/twitter.svg';
 import calendario from '../../../assets/calendario.svg';
 import valor from '../../../assets/valor.svg';
@@ -20,6 +19,9 @@ export default function BiddingPage() {
 
   const { licitData, maisLicitacoes } = useLoadData(parametros.id);
 
+  const urlFacebook = `https://www.facebook.com/sharer/sharer.php?u=https%3A//licitabsb.netlify.app/licitacoes/${parametros.id}`;
+  const urlX = `https://twitter.com/intent/tweet?text=https%3A//licitabsb.netlify.app/licitacoes/${parametros.id}`;
+
   return (
     <main className={styles.mainContainer}>
       <div className={styles.biddingContainer}>
@@ -31,15 +33,12 @@ export default function BiddingPage() {
             <span className={styles.subtitle}>{licitData.nome_orgao}</span>
           </div>
           <div className={styles.shareContainer}>
-            <a data-testid="role-link-id" href="">
+            <a data-testid="role-link-id" href={urlX}>
               <img src={twitter} />
             </a>
-            <a data-testid="role-link-id" href="">
+            <a data-testid="role-link-id" href={urlFacebook}>
               <img src={facebook} />
             </a>
-            <a data-testid="role-link-id" href="">
-              <img src={google} />
-            </a>
           </div>
         </div>
         <div className={styles.biddingInfoContainer}>