Merge branch 'max-programming:main' into alone-y154/local

Author: Alone-Y154

.all-contributorsrc

@@ -9,7 +9,7 @@
       "login": "max-programming",
       "name": "Max Programming",
       "avatar_url": "https://avatars.githubusercontent.com/u/51731966?v=4",
-      "profile": "https://usman-s.me",
+      "profile": "https://usmans.me",
       "contributions": [
         "code"
       ]
@@ -352,6 +352,46 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "nidble",
+      "name": "Antonino Bertulla",
+      "avatar_url": "https://avatars.githubusercontent.com/u/1447119?v=4",
+      "profile": "https://dev.to/nidble/",
+      "contributions": [
+        "code",
+        "design"
+      ]
+    },
+    {
+      "login": "Mohit030802",
+      "name": "Mohit",
+      "avatar_url": "https://avatars.githubusercontent.com/u/80634689?v=4",
+      "profile": "https://bright-ganache-eb99ae.netlify.app/",
+      "contributions": [
+        "code",
+        "ideas"
+      ]
+    },
+    {
+      "login": "tmsagarofficial",
+      "name": "S A G A R",
+      "avatar_url": "https://avatars.githubusercontent.com/u/110724849?v=4",
+      "profile": "https://github.com/tmsagarofficial",
+      "contributions": [
+        "ideas",
+        "code"
+      ]
+    },
+    {
+      "login": "prithvi2k2",
+      "name": "Prithvi Reddy",
+      "avatar_url": "https://avatars.githubusercontent.com/u/72189314?v=4",
+      "profile": "https://prithvi2k2.github.io/",
+      "contributions": [
+        "code",
+        "design"
+      ]
     }
   ],
   "contributorsPerLine": 7,

README.md

@@ -1,11 +1,12 @@
 # Hacktoberfest Projects 🎉
 
-A Web app that lets you find eligible repositories for Hacktoberfest 2022!
+
+A Web app that lets you find eligible repositories for Hacktoberfest!
 
 Use it here - https://finder.usmans.me
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-36-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-40-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 <a href="https://gitmoji.dev">
   <img src="https://img.shields.io/badge/gitmoji-%20😜%20😍-FFDD67.svg?style=flat-square" alt="Gitmoji">
@@ -75,7 +76,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <table>
   <tbody>
     <tr>
-      <td align="center" valign="top" width="14.28%"><a href="https://usman-s.me"><img src="https://avatars.githubusercontent.com/u/51731966?v=4?s=100" width="100px;" alt="Max Programming"/><br /><sub><b>Max Programming</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=max-programming" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://usmans.me"><img src="https://avatars.githubusercontent.com/u/51731966?v=4?s=100" width="100px;" alt="Max Programming"/><br /><sub><b>Max Programming</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=max-programming" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://sunritjana.now.sh"><img src="https://avatars.githubusercontent.com/u/56873669?v=4?s=100" width="100px;" alt="Sunrit Jana"/><br /><sub><b>Sunrit Jana</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=janaSunrise" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://medium.com/@geeknees"><img src="https://avatars.githubusercontent.com/u/701242?v=4?s=100" width="100px;" alt="Masumi Kawasaki"/><br /><sub><b>Masumi Kawasaki</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=geeknees" title="Code">💻</a> <a href="#content-geeknees" title="Content">🖋</a></td>
       <td align="center" valign="top" width="14.28%"><a href="http://rishit-khandelwal.github.io"><img src="https://avatars.githubusercontent.com/u/65018379?v=4?s=100" width="100px;" alt="Rishit Khandelwal"/><br /><sub><b>Rishit Khandelwal</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=rishit-khandelwal" title="Code">💻</a> <a href="#content-rishit-khandelwal" title="Content">🖋</a></td>
@@ -121,6 +122,10 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     </tr>
     <tr>
       <td align="center" valign="top" width="14.28%"><a href="https://maitri-vv.github.io/Maitri-sPortfolio/"><img src="https://avatars.githubusercontent.com/u/87691594?v=4?s=100" width="100px;" alt="maitri-vv"/><br /><sub><b>maitri-vv</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=maitri-vv" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://dev.to/nidble/"><img src="https://avatars.githubusercontent.com/u/1447119?v=4?s=100" width="100px;" alt="Antonino Bertulla"/><br /><sub><b>Antonino Bertulla</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=nidble" title="Code">💻</a> <a href="#design-nidble" title="Design">🎨</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://bright-ganache-eb99ae.netlify.app/"><img src="https://avatars.githubusercontent.com/u/80634689?v=4?s=100" width="100px;" alt="Mohit"/><br /><sub><b>Mohit</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=Mohit030802" title="Code">💻</a> <a href="#ideas-Mohit030802" title="Ideas, Planning, & Feedback">🤔</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tmsagarofficial"><img src="https://avatars.githubusercontent.com/u/110724849?v=4?s=100" width="100px;" alt="S A G A R"/><br /><sub><b>S A G A R</b></sub></a><br /><a href="#ideas-tmsagarofficial" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=tmsagarofficial" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://prithvi2k2.github.io/"><img src="https://avatars.githubusercontent.com/u/72189314?v=4?s=100" width="100px;" alt="Prithvi Reddy"/><br /><sub><b>Prithvi Reddy</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=prithvi2k2" title="Code">💻</a> <a href="#design-prithvi2k2" title="Design">🎨</a></td>
     </tr>
   </tbody>
 </table>

components/Card.tsx

@@ -37,7 +37,7 @@ function Card({ repo }: Props) {
             </h2>
           </div>
 
-          <h6 className="my-5 text-lg">{emojify(repo.description)}</h6>
+          <h6 className="my-5 text-2023-manga-2 text-lg">{emojify(repo.description)}</h6>
 
           <div className="card-actions gap-y-3">
             {repo.topics.map((topic: string) => (

components/Hero.tsx

@@ -1,4 +1,4 @@
-import { FormEventHandler } from 'react';
+import { FormEventHandler, useState } from 'react';
 import Link from 'next/link';
 
 import languages from 'assets/languages.json';
@@ -10,11 +10,19 @@ import Button from './Button';
 const { main: mainLanguages, others: otherLanguages } = languages;
 
 function Hero() {
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
   const router = useRouter();
   const handleSubmit: FormEventHandler = e => {
     e.preventDefault();
     const formData = new FormData(e.target as HTMLFormElement);
-    const search = formData.get('search');
+    const search = (formData.get('search') as string).trim();
+    // Check if the input is empty or contains only spaces
+    if (search === '') {
+      setErrorMessage('Empty search terms invalid!');
+      return;
+    }
+    // Clear any previous error message & proceed to search
+    setErrorMessage(null);
     router.push(`/repos/${search}`);
   };
   return (
@@ -23,11 +31,30 @@ function Hero() {
       <div className="text-center hero-content">
         <div className="max-w-md">
           <h1 className="mb-5 text-2023-manga-3 text-5xl font-bold uppercase">
-            Select your language
+            Search your language
           </h1>
+          <form
+            className="form-control w-full max-w-xs mx-auto items-center mt-10 mb-12"
+            onSubmit={handleSubmit}
+          >
+            <div className="flex w-full">
+              <input
+                type="text"
+                placeholder="Search for your language"
+                className="input input-bordered w-full text-neutral-100 border-2023-bavarian-gold-2 focus:outline-2023-bavarian-gold-2 max-w-xs rounded-tr-none rounded-br-none bg-transparent"
+                name="search"
+              />
+              <button
+                type="submit"
+                className="btn btn-square rounded-tl-none rounded-bl-none bg-transparent border-2023-manga-3 hover:bg-2023-manga-2 hover:text-2023-void-2 hover:border-2023-manga-2"
+              >
+                <SearchIcon />
+              </button>
+            </div>
+          </form>
           <p className="mb-5 text-2023-manga-3 font-semibold uppercase">
-            Select the programming language you would like to find repositories
-            for.
+            Or select the programming language you would like to find
+            repositories for.
           </p>
 
           {mainLanguages.map(language => (
@@ -52,29 +79,6 @@ function Hero() {
               ))}
             </ul>
           </div>
-          <form
-            className="form-control w-full max-w-xs mx-auto items-center"
-            onSubmit={handleSubmit}
-          >
-            <label className="label">
-              <span className="label-text text-2023-manga-3">Can&apos;t find your language?</span>
-            </label>
-            <div className="flex">
-              <input
-                type="text"
-                placeholder="Search for your language"
-                className="input input-bordered w-full text-neutral-100 border-2023-bavarian-gold-2 focus:outline-2023-bavarian-gold-2 max-w-xs rounded-tr-none rounded-br-none bg-transparent"
-                name="search"
-                autoComplete="off"
-              />
-              <button
-                type="submit"
-                className="btn btn-square rounded-tl-none rounded-bl-none bg-transparent border-2023-manga-3 hover:bg-2023-manga-2 hover:text-2023-void-2 hover:border-2023-manga-2"
-              >
-                <SearchIcon />
-              </button>
-            </div>
-          </form>
           {/* <a href="https://github.com/max-programming/hacktoberfest-projects/">
               <button className="m-2 border-0 hover:bg-primary-2 hover:text-black btn btn-lg">
                 Add another language

components/Search.tsx

@@ -6,7 +6,7 @@ interface FormValues {
   searchQuery: string;
 }
 export interface SearchProps {
-  searchBarWrapperStyles?: string
+  searchBarWrapperStyles?: string;
 }
 
 export default function Search({ searchBarWrapperStyles }: SearchProps) {
@@ -19,7 +19,11 @@ export default function Search({ searchBarWrapperStyles }: SearchProps) {
   });
 
   const onSubmit: SubmitHandler<FormValues> = ({ searchQuery }) => {
-    router.push({ query: { ...router.query, q: searchQuery } });
+    let trimmedQuery = searchQuery.trim();
+    //Performs search only with non-empty strings
+    if (trimmedQuery !== '') {
+      router.push({ query: { ...router.query, q: trimmedQuery } });
+    }
   };
 
   return (
@@ -40,7 +44,7 @@ export default function Search({ searchBarWrapperStyles }: SearchProps) {
             type="button"
             onClick={() => reset()}
           >
-            <GoX />
+            <GoX color="white" />
           </button>
         </div>
       </form>

components/StarsFilter.tsx

@@ -75,7 +75,7 @@ export default function StarsFilter() {
           control={control}
         />
 
-        <button className="btn btn-ghost ml-2 ring-1 ring-2023-manga-2" type="submit">
+        <button className="btn btn-ghost ml-2 text-2023-manga-2 ring-1 ring-2023-manga-2" type="submit">
           Search
         </button>
       </div>

pages/_app.tsx

@@ -9,6 +9,7 @@ import '@fontsource/poppins';
 import '../styles/globals.css';
 
 import type { AppProps } from 'next/app';
+import Footer from 'components/Footer';
 
 function MyApp({ Component, pageProps, router }: AppProps) {
   return (
@@ -37,6 +38,7 @@ function MyApp({ Component, pageProps, router }: AppProps) {
       <DefaultSeo {...SEO} />
       <NextNProgress color="#ffd74d" options={{ showSpinner: false }} />
       <Component {...pageProps} />
+      <Footer />
     </motion.div>
   );
 }

pages/contributors.tsx

@@ -44,7 +44,6 @@ export default function Contrubutors({ contributors }: Props) {
           ))}
         </div>
       </div>
-      <Footer />
     </div>
   );
 }

pages/index.tsx

@@ -27,9 +27,7 @@ const Home: NextPage = () => {
 
       <Header />
       <Hero />
-      <Footer />
     </div>
   );
 };
-
 export default Home;