Merge branch 'main' into main

Author: max-programming

.all-contributorsrc

@@ -352,6 +352,16 @@
       "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"
+      ]
     }
   ],
   "contributorsPerLine": 7,

README.md

@@ -6,7 +6,7 @@ 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-37-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">
@@ -122,6 +122,7 @@ 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>
     </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

@@ -32,11 +32,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 => (
@@ -61,34 +80,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>
-          {errorMessage && (
-            <div
-              className="text-red-500 animate-pulse"
-            >
-              {errorMessage}</div>)}
           {/* <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/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>