Remove AdoptionButton component and use SubmitButton instead

#134
boacausa · May 25, 2020 · 1759d95 · 1759d95
1 parent f87f112
commit 1759d95
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 50 deletions.
diff --git a/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.jsx b/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.jsx
diff --git a/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.sass b/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.sass
diff --git a/app/javascript/containers/AdoptionCard/AdoptionCard.jsx b/app/javascript/containers/AdoptionCard/AdoptionCard.jsx
@@ -3,7 +3,7 @@ import styles from './AdoptionCard.sass'
 import TimeAgo from 'javascript-time-ago'
 // Load pt-BR locale for time ago
 import br from 'javascript-time-ago/locale/pt'
-import AdoptionButton from "./AdoptionButton/AdoptionButton";
+import SubmitButton from "../../components/SubmitButton/SubmitButton";
 
 TimeAgo.addLocale(br);
 
@@ -59,8 +59,13 @@ const AdoptionCard = (props) => {
                 </div>
             </div>
             <div className={styles.adoptionCardBottom}>
-                <div className={styles.adoptionButton}>
-                    <AdoptionButton clicked={props.modalOpen} userRegisteredInterest={props.userRegisteredInterest} />
+                <div>
+                    <SubmitButton
+                        clicked={props.modalOpen}
+                        isDisabled={props.userRegisteredInterest}
+                        classStyleModifier={styles.adoptionButton}
+                        title='Adotar'
+                    />
                 </div>
             </div>
         </div>

diff --git a/app/javascript/containers/AdoptionCard/AdoptionCard.sass b/app/javascript/containers/AdoptionCard/AdoptionCard.sass
@@ -111,5 +111,9 @@
     border-radius: 3px
     background-color: #F2F3F3
 
+  .adoptionButton
+    width: 85px
+    height: 35px
+
   @media only screen and (max-width: 600px)
     width: 500px !important