reverted commit due to deploy issue

Author: devvsakib

src/App.jsx

@@ -1,17 +1,44 @@
+import { useState } from "react";
 import "./index.css";
+<<<<<<< HEAD
 import {
   Routes,
   Route
 } from "react-router-dom";
 import Doc from "./pages/Doc";
 import Home from "./pages/Home";
+=======
+import Error from "./components/Error/Error";
+import Header from "./components/Header/Header";
+import SearchInput from "./components/Search/SearchInput";
+import Layout from "./components/Layout/Layout";
+>>>>>>> parent of 8d9c392 (pages created)
 
 function App() {
+  const [search, setSearch] = useState('')
+  const [type, setType] = useState('')
   return (
+<<<<<<< HEAD
     <Routes>
       <Route path="/" element={<Home />} />
       <Route path="/Doc" element={<Doc />} />
     </Routes>
+=======
+    <>
+      <Layout>
+        <SearchInput
+          search={search}
+          setSearch={setSearch}
+          setType={setType}
+        />
+        <Error
+          search={search}
+          type={type}
+        />
+      </Layout>
+      
+    </>
+>>>>>>> parent of 8d9c392 (pages created)
   );
 }
 

src/components/Error/ErrorCard.jsx

@@ -4,10 +4,10 @@ import ErrorSolutions from "./ErrorSolutions";
 import ErrorType from "./ErrorType";
 
 function ErrorCard({ error }) {
-
+  
   const [showSolution, setShowSolution] = useState(false);
   const [errorTypeColor, setErrorTypeColor] = useState('#7e1aa5');
-  const [readMore, setReadMore] = useState(false);
+  const [readMore,setReadMore]=useState(false);
   useEffect(() => {
     if (error.type == "add") {
       return setErrorTypeColor("#4024e0");
@@ -31,16 +31,16 @@ function ErrorCard({ error }) {
   return (
     <div
       className={`py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 px-2 md:px-6 border-l-4 rounded-lg   items-start bg-dark-secondary flex flex-col ${item === "add"
-        ? "border-[#4024e0]"
-        : item === "commit"
-          ? "border-[#1a5ba5]"
-          : item === "merge"
-            ? "border-[#118d7c]"
-            : item === "push"
-              ? "border-[#8d54e1]"
-              : item === "branch"
-                ? "border-[#40E4F0]"
-                : "border-[#7e1aa5]"
+          ? "border-[#4024e0]"
+          : item === "commit"
+            ? "border-[#1a5ba5]"
+            : item === "merge"
+              ? "border-[#118d7c]"
+              : item === "push"
+                ? "border-[#8d54e1]"
+                : item === "branch"
+                  ? "border-[#40E4F0]"
+                  : "border-[#7e1aa5]"
         }`}
     >
       <h3 className="text-lg font-medium">{error.title}</h3>
@@ -53,11 +53,11 @@ function ErrorCard({ error }) {
         <ErrorSolutions solutions={error.solutions} />
       ) : (
         <div className="h-fit">
-          <p className="text-sm text-gray line-clamp-11 leading-relaxed">
-            {readMore ? error.description : error.description.substring(0, 100)}
-            {error.description.length > 100 ? <button onClick={() => { setReadMore(!readMore) }}>{readMore ? '...show less' : '...show more'} </button> : ''}
-          </p>
-
+        <p className="text-sm text-gray line-clamp-11 leading-relaxed">
+          {readMore ? error.description : error.description.substring(0,100)}
+          {error.description.length > 100 ?<button onClick={()=>{setReadMore(!readMore)}}>{readMore ? '...show less': '...show more'} </button>:''}
+        </p>
+        
         </div>
       )}
 

src/main.jsx

@@ -1,7 +1,29 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
+<<<<<<< HEAD
 import { BrowserRouter } from "react-router-dom";
+=======
+import {
+  createBrowserRouter,
+  RouterProvider,
+} from "react-router-dom";
+import Doc from "./components/Doc/Doc";
+
+/* Creating a router object that is used to render the correct component based on the url. */
+const router = createBrowserRouter(
+  [
+    {
+      path: "/",
+      element: <App />,
+    },
+    {
+      path: '/doc',
+      element: <Doc />
+    }
+  ]
+);
+>>>>>>> parent of 8d9c392 (pages created)
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <BrowserRouter>

src/pages/doc.jsx

@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 import React from 'react'
 import Layout from '../components/Layout/Layout'
 import DocCard from '../components/Docs/DocCard'
@@ -9,4 +10,6 @@ const Doc = () => {
   )
 }
 
-export default Doc
+export default Doc
+=======
+>>>>>>> parent of 8d9c392 (pages created)