fix conflicting order warnings

software issues keep getting dumber every minute facebook/create-react-app#5372 (comment) Signed-off-by: rishichawda <rishichawda@users.noreply.github.com>
rishichawda · May 12, 2023 · 56d25f7 · 56d25f7
1 parent 9a4d620
commit 56d25f7
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 8 deletions.
diff --git a/src/components/articles/search/index.tsx b/src/components/articles/search/index.tsx
@@ -10,7 +10,6 @@ const Search: React.FC<SearchProps> = ({ searchQuery, setSearchQuery }) => {
   return (
     <form
       id="articles-search-bar"
-      action="javascript:void(0);"
       method="get"
       autoComplete="off"
       className="border-4 border-gray-200 focus-within:border-gray-300 dark:border-slate-600 dark:focus-within:border-slate-500 w-full sm:w-fit"
@@ -26,9 +25,6 @@ const Search: React.FC<SearchProps> = ({ searchQuery, setSearchQuery }) => {
         name="articles-search-bar"
         className="placeholder:text-gray-400 block bg-gray-200 dark:bg-slate-600 dark:placeholder:text-slate-300"
       />
-      <button className="hide" type="submit">
-        Search
-      </button>
     </form>
   );
 };

diff --git a/src/components/layout.tsx b/src/components/layout.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
-import Footer from "./footer";
 import Navbar from "./navbar";
+import Footer from "./footer";
 
 const Layout: React.FC<LayoutProps> = ({ children, showScrollProgress }) => {
   return (

diff --git a/src/components/navbar/index.tsx b/src/components/navbar/index.tsx
@@ -5,8 +5,8 @@ import React from "react";
 
 import { useSiteMetadata } from "../../hooks/use-site-metadata";
 import Logo from "../logo";
-import ThemeToggle from "../themeToggle";
 import ScrollProgress from "./scrollProgress";
+import ThemeToggle from "../themeToggle";
 
 type NavbarProps = {
   showScrollProgress?: boolean;

diff --git a/src/pages/articles.tsx b/src/pages/articles.tsx
@@ -4,11 +4,11 @@ import { m, LazyMotion, domAnimation } from "framer-motion";
 import * as React from "react";
 import { useFlexSearch } from "react-use-flexsearch";
 
-import ArticlesList from "../components/articles/list";
-import Search from "../components/articles/search";
 import Layout from "../components/layout";
 import SEO from "../components/seo";
 import Tag from "../components/tag";
+import ArticlesList from "../components/articles/list";
+import Search from "../components/articles/search";
 import {
   filterByTags,
   transformFlexSearchData,