Merge pull request #56 from mmcbride2929/add-netlify-logo-51

Add Netlify Logo
FCCColumbus · Aug 3, 2023 · ec5293a · ec5293a
2 parents e49fa90 + 51453b4
commit ec5293a
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 0 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -23,6 +23,7 @@ function Footer() {
         </ul>
       </nav>
       <p>Copyright Free Code Camp Columbus 2023 - {new Date().getFullYear()}</p>
+      <a href="https://www.netlify.com" target="_blank" rel="noreferrer" className="image-wrapper"> <img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /> </a>
     </footer>
   );
 }

diff --git a/src/index.css b/src/index.css
@@ -213,6 +213,9 @@ th {
 }
 
 footer {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
   background-color: #97dad0;
   padding: 1em 1em 2em 1em;
 }
@@ -228,4 +231,14 @@ footer p {
 
 footer p {
   margin: 0;
+}
+
+footer .image-wrapper {
+  display: inline-block;
+  width: 90px;
+  margin: 1rem auto 0;
+}
+
+footer img {
+  max-width: 100%;
 }
diff --git a/src/test/__snapshots__/App.test.js.snap b/src/test/__snapshots__/App.test.js.snap
@@ -350,6 +350,19 @@ exports[`App renders 1`] = `
       Copyright Free Code Camp Columbus 2023 - 
       2023
     </p>
+    <a
+      className="image-wrapper"
+      href="https://www.netlify.com"
+      rel="noreferrer"
+      target="_blank"
+    >
+       
+      <img
+        alt="Deploys by Netlify"
+        src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg"
+      />
+       
+    </a>
   </footer>
 </div>
 `;
diff --git a/src/test/components/__snapshots__/Footer.test.js.snap b/src/test/components/__snapshots__/Footer.test.js.snap
@@ -52,5 +52,18 @@ exports[`Footer renders 1`] = `
     Copyright Free Code Camp Columbus 2023 - 
     2023
   </p>
+  <a
+    className="image-wrapper"
+    href="https://www.netlify.com"
+    rel="noreferrer"
+    target="_blank"
+  >
+     
+    <img
+      alt="Deploys by Netlify"
+      src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg"
+    />
+     
+  </a>
 </footer>
 `;
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,6 +23,7 @@ function Footer() { @@
             </ul>
           </nav>
           <p>Copyright Free Code Camp Columbus 2023 - {new Date().getFullYear()}</p>
+          <a href="https://www.netlify.com" target="_blank" rel="noreferrer" className="image-wrapper"> <img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /> </a>
         </footer>
       );
     }
@@ Expand Down @@