From 53ce6749e81813ebe780b26a68ca211f542dee0b Mon Sep 17 00:00:00 2001
From: matan <matanlevi@getport.io>
Date: Mon, 14 Oct 2024 11:17:48 +0300
Subject: [PATCH] Changed the website logo

---
 src/CatalogLogo.svg        |  5 +++++
 src/PortLogo.svg           |  3 ---
 src/components/Catalog.tsx |  2 +-
 src/components/Footer.tsx  |  2 +-
 src/components/Header.css  |  2 +-
 src/components/Header.tsx  |  4 ++--
 src/components/Manage.tsx  | 16 +++++++---------
 7 files changed, 17 insertions(+), 17 deletions(-)
 create mode 100644 src/CatalogLogo.svg
 delete mode 100644 src/PortLogo.svg

diff --git a/src/CatalogLogo.svg b/src/CatalogLogo.svg
new file mode 100644
index 0000000..8aa5ce4
--- /dev/null
+++ b/src/CatalogLogo.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M1.66675 16.6666V13.3333H5.00008V16.6666H1.66675ZM6.66675 16.6666V13.3333H18.3334V16.6666H6.66675ZM1.66675 11.6666V8.33325H5.00008V11.6666H1.66675ZM6.66675 11.6666V8.33325H18.3334V11.6666H6.66675ZM1.66675 6.66659V3.33325H5.00008V6.66659H1.66675ZM6.66675 6.66659V3.33325H18.3334V6.66659H6.66675Z"
+        fill="green" fill-opacity="0.8" />
+</svg>
\ No newline at end of file
diff --git a/src/PortLogo.svg b/src/PortLogo.svg
deleted file mode 100644
index fbaf081..0000000
--- a/src/PortLogo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="184" height="184" viewBox="0 0 184 184" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 115L92.4257 115L0 22.5788V115ZM0.110772 147C1.64466 167.69 18.9176 184 40 184H184V40C184 18.8071 167.519 1.46368 146.674 0.0879509V115L146.674 147L114.674 147L0.110772 147ZM114.674 0L114.674 91.9933L22.6761 0H114.674Z" fill="black"/>
-</svg>
diff --git a/src/components/Catalog.tsx b/src/components/Catalog.tsx
index 279dd47..0e2f905 100644
--- a/src/components/Catalog.tsx
+++ b/src/components/Catalog.tsx
@@ -79,7 +79,7 @@ const dogs = [
 const Catalog: React.FC = () => {
   return (
     <section className="catalog">
-      <h3>Port's Dog Catalog</h3>
+      <h3>Dog's Catalog</h3>
       <div className="dog-cards-container">
         {dogs.map((dog, index) => (
           <DogCard key={index} {...dog} />
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 16bb018..7a80d02 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -4,7 +4,7 @@ import './Footer.css';
 const Footer: React.FC = () => {
   return (
     <footer className="App-footer">
-      <p>&copy; {new Date().getFullYear()} The Dog Catalog. All rights reserved.</p>
+      <p>{new Date().getFullYear()} The Dog Catalog.</p>
     </footer>
   );
 };
diff --git a/src/components/Header.css b/src/components/Header.css
index 54faa6b..a66d7ac 100644
--- a/src/components/Header.css
+++ b/src/components/Header.css
@@ -9,7 +9,7 @@
   }
   
   .logo img {
-    height: 20px; /* Set logo height to 20px */
+    height: 30px; /* Set logo height to 20px */
   }
   
   .nav-container {
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 1ee4d88..927c9d1 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom'; // Import Link for routing
-import PortLogo from '../PortLogo.svg';
+import CatalogLogo from '../CatalogLogo.svg';
 import './Header.css';
 
 const Header: React.FC = () => {
@@ -9,7 +9,7 @@ const Header: React.FC = () => {
       <nav>
         <div className="logo">
           <Link to="/">
-            <img src={PortLogo} alt="Port Logo" />
+            <img src={CatalogLogo} alt="Dog's Catalog Logo" />
           </Link>
         </div>
       </nav>
diff --git a/src/components/Manage.tsx b/src/components/Manage.tsx
index ad56951..9c275dd 100644
--- a/src/components/Manage.tsx
+++ b/src/components/Manage.tsx
@@ -5,10 +5,9 @@ const Manage = () => {
   const [dogData, setDogData] = useState({
     name: '',
     age: '',
-    picture: '',
     height: '',
     color: '',
-    favoritePortFeature: '',
+    favoriteToy: '',
     favoriteMeal: '',
   });
 
@@ -23,10 +22,9 @@ const Manage = () => {
     setDogData({
       name: '',
       age: '',
-      picture: '',
       height: '',
       color: '',
-      favoritePortFeature: '',
+      favoriteToy: '',
       favoriteMeal: '',
     });
   };
@@ -42,23 +40,23 @@ const Manage = () => {
         </div>
         <div className="form-group">
           Age: 
-          <input type="number" value={dogData.age} onChange={handleChange} required />
+          <input type="number" name="age" value={dogData.age} onChange={handleChange} required />
         </div>
         <div className="form-group">
         height:
-          <input type="text" value={dogData.height} onChange={handleChange} required />
+          <input type="text" name="height" value={dogData.height} onChange={handleChange} required />
         </div>
         <div className="form-group">
         color:
-          <input type="text" value={dogData.color} onChange={handleChange} required />
+          <input type="text" name="color" value={dogData.color} onChange={handleChange} required />
         </div>
         <div className="form-group">
         favoriteToy:
-          <input type="text" value={dogData.favoritePortFeature} onChange={handleChange} required />
+          <input type="text" name="favoriteToy" value={dogData.favoriteToy} onChange={handleChange} required />
         </div>
         <div className="form-group">
         favoriteMeal: 
-          <input type="text" value={dogData.favoriteMeal} onChange={handleChange} required />
+          <input type="text" name="favoriteMeal" value={dogData.favoriteMeal} onChange={handleChange} required />
         </div>
         <button type="submit" className="submit-button" onClick={() => alert(`Dog name: ${dogData.name} was added successfully!`)}>Add Dog</button>
       </form>