From 4025bc8ae4ccd86ebdb639f8e31383ed113f0f9a Mon Sep 17 00:00:00 2001
From: GS Kariyapperuma
 <89676555+GayathmiKariyapperuma@users.noreply.github.com>
Date: Fri, 14 Jan 2022 16:34:49 +0530
Subject: [PATCH] initial commit

---
 15-cocktails/final/src/{App.js => App.jsx}    |  0
 .../components/{Cocktail.js => Cocktail.jsx}  | 14 ++++----
 .../{CocktailList.js => CocktailList.jsx}     |  0
 .../src/components/{Hero.js => Hero.jsx}      |  0
 .../components/{Loading.js => Loading.jsx}    |  0
 .../src/components/{Navbar.js => Navbar.jsx}  |  0
 .../final/src/components/SearchForm.js        | 33 -------------------
 .../final/src/components/SearchForm.jsx       | 33 +++++++++++++++++++
 .../final/src/{context.js => context.jsx}     |  0
 .../final/src/pages/{About.js => About.jsx}   |  0
 .../final/src/pages/{Error.js => Error.jsx}   |  0
 .../final/src/pages/{Home.js => Home.jsx}     |  0
 .../{SingleCocktail.js => SingleCocktail.jsx} |  0
 13 files changed, 40 insertions(+), 40 deletions(-)
 rename 15-cocktails/final/src/{App.js => App.jsx} (100%)
 rename 15-cocktails/final/src/components/{Cocktail.js => Cocktail.jsx} (50%)
 rename 15-cocktails/final/src/components/{CocktailList.js => CocktailList.jsx} (100%)
 rename 15-cocktails/final/src/components/{Hero.js => Hero.jsx} (100%)
 rename 15-cocktails/final/src/components/{Loading.js => Loading.jsx} (100%)
 rename 15-cocktails/final/src/components/{Navbar.js => Navbar.jsx} (100%)
 delete mode 100644 15-cocktails/final/src/components/SearchForm.js
 create mode 100644 15-cocktails/final/src/components/SearchForm.jsx
 rename 15-cocktails/final/src/{context.js => context.jsx} (100%)
 rename 15-cocktails/final/src/pages/{About.js => About.jsx} (100%)
 rename 15-cocktails/final/src/pages/{Error.js => Error.jsx} (100%)
 rename 15-cocktails/final/src/pages/{Home.js => Home.jsx} (100%)
 rename 15-cocktails/final/src/pages/{SingleCocktail.js => SingleCocktail.jsx} (100%)

diff --git a/15-cocktails/final/src/App.js b/15-cocktails/final/src/App.jsx
similarity index 100%
rename from 15-cocktails/final/src/App.js
rename to 15-cocktails/final/src/App.jsx
diff --git a/15-cocktails/final/src/components/Cocktail.js b/15-cocktails/final/src/components/Cocktail.jsx
similarity index 50%
rename from 15-cocktails/final/src/components/Cocktail.js
rename to 15-cocktails/final/src/components/Cocktail.jsx
index e2bf39ba4..307b87629 100644
--- a/15-cocktails/final/src/components/Cocktail.js
+++ b/15-cocktails/final/src/components/Cocktail.jsx
@@ -1,19 +1,19 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
+import React from "react";
+import { Link } from "react-router-dom";
 export default function Cocktail({ image, name, id, info, glass }) {
   return (
-    <article className='cocktail'>
-      <div className='img-container'>
+    <article className="cocktail">
+      <div className="img-container">
         <img src={image} alt={name} />
       </div>
-      <div className='cocktail-footer'>
+      <div className="cocktail-footer">
         <h3>{name}</h3>
         <h4>{glass}</h4>
         <p>{info}</p>
-        <Link to={`/cocktail/${id}`} className='btn btn-primary btn-details'>
+        <Link to={`/cocktail/${id}`} className="btn btn-primary btn-details">
           details
         </Link>
       </div>
     </article>
-  )
+  );
 }
diff --git a/15-cocktails/final/src/components/CocktailList.js b/15-cocktails/final/src/components/CocktailList.jsx
similarity index 100%
rename from 15-cocktails/final/src/components/CocktailList.js
rename to 15-cocktails/final/src/components/CocktailList.jsx
diff --git a/15-cocktails/final/src/components/Hero.js b/15-cocktails/final/src/components/Hero.jsx
similarity index 100%
rename from 15-cocktails/final/src/components/Hero.js
rename to 15-cocktails/final/src/components/Hero.jsx
diff --git a/15-cocktails/final/src/components/Loading.js b/15-cocktails/final/src/components/Loading.jsx
similarity index 100%
rename from 15-cocktails/final/src/components/Loading.js
rename to 15-cocktails/final/src/components/Loading.jsx
diff --git a/15-cocktails/final/src/components/Navbar.js b/15-cocktails/final/src/components/Navbar.jsx
similarity index 100%
rename from 15-cocktails/final/src/components/Navbar.js
rename to 15-cocktails/final/src/components/Navbar.jsx
diff --git a/15-cocktails/final/src/components/SearchForm.js b/15-cocktails/final/src/components/SearchForm.js
deleted file mode 100644
index ad4862f60..000000000
--- a/15-cocktails/final/src/components/SearchForm.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react'
-import { useGlobalContext } from '../context'
-export default function SearchForm() {
-  const { setSearchTerm } = useGlobalContext()
-  const searchValue = React.useRef('')
-
-  React.useEffect(() => {
-    searchValue.current.focus()
-  }, [])
-
-  function searchCocktail() {
-    setSearchTerm(searchValue.current.value)
-  }
-  function handleSubmit(e) {
-    e.preventDefault()
-  }
-  return (
-    <section className='section search'>
-      <form className='search-form' onSubmit={handleSubmit}>
-        <div className='form-control'>
-          <label htmlFor='name'>search your favorite cocktail</label>
-          <input
-            type='text'
-            name='name'
-            id='name'
-            ref={searchValue}
-            onChange={searchCocktail}
-          />
-        </div>
-      </form>
-    </section>
-  )
-}
diff --git a/15-cocktails/final/src/components/SearchForm.jsx b/15-cocktails/final/src/components/SearchForm.jsx
new file mode 100644
index 000000000..502cbe75d
--- /dev/null
+++ b/15-cocktails/final/src/components/SearchForm.jsx
@@ -0,0 +1,33 @@
+import React from "react";
+import { useGlobalContext } from "../context";
+export default function SearchForm() {
+  const { setSearchTerm } = useGlobalContext();
+  const searchValue = React.useRef("");
+
+  React.useEffect(() => {
+    searchValue.current.focus();
+  }, []);
+
+  function searchCocktail() {
+    setSearchTerm(searchValue.current.value);
+  }
+  function handleSubmit(e) {
+    e.preventDefault();
+  }
+  return (
+    <section className="section search">
+      <form className="search-form" onSubmit={handleSubmit}>
+        <div className="form-control">
+          <label htmlFor="name">search your favorite cocktail</label>
+          <input
+            type="text"
+            name="name"
+            id="name"
+            ref={searchValue}
+            onChange={searchCocktail}
+          />
+        </div>
+      </form>
+    </section>
+  );
+}
diff --git a/15-cocktails/final/src/context.js b/15-cocktails/final/src/context.jsx
similarity index 100%
rename from 15-cocktails/final/src/context.js
rename to 15-cocktails/final/src/context.jsx
diff --git a/15-cocktails/final/src/pages/About.js b/15-cocktails/final/src/pages/About.jsx
similarity index 100%
rename from 15-cocktails/final/src/pages/About.js
rename to 15-cocktails/final/src/pages/About.jsx
diff --git a/15-cocktails/final/src/pages/Error.js b/15-cocktails/final/src/pages/Error.jsx
similarity index 100%
rename from 15-cocktails/final/src/pages/Error.js
rename to 15-cocktails/final/src/pages/Error.jsx
diff --git a/15-cocktails/final/src/pages/Home.js b/15-cocktails/final/src/pages/Home.jsx
similarity index 100%
rename from 15-cocktails/final/src/pages/Home.js
rename to 15-cocktails/final/src/pages/Home.jsx
diff --git a/15-cocktails/final/src/pages/SingleCocktail.js b/15-cocktails/final/src/pages/SingleCocktail.jsx
similarity index 100%
rename from 15-cocktails/final/src/pages/SingleCocktail.js
rename to 15-cocktails/final/src/pages/SingleCocktail.jsx