improve/search

ArunGovil · Jan 14, 2023 · 52f9337 · 52f9337 · vercel · Jan 14, 2023
1 parent 416a078
commit 52f9337
Show file tree

Hide file tree

Showing 7 changed files with 80 additions and 17 deletions.
diff --git a/components/Hero.tsx b/components/Hero.tsx
@@ -5,8 +5,8 @@ export default function Hero() {
     <div className="flex flex-col justify-center items-center p-4 w-full h-[70vh] max-w-5xl">
       <p className="text-5xl font-semibold">every command ever!</p>
       <p className="text-md font-thin mt-6">
-        I don&apos;t need to know everything, I just need to know where to find
-        it, when I need it.
+        You don&apos;t need to know everything, you just need to know where to
+        find it, when you need it.
       </p>
       <DemoSearch />
     </div>

diff --git a/components/Listing.tsx b/components/Listing.tsx
@@ -51,13 +51,8 @@ export default function Listing() {
       <div className="min-h-[50vh] flex justify-center items-center w-full">
         {code.length > 0 ? (
           <ul className="mb-8 w-full">
-            {code.map((item: any) => (
-              <CodeCard
-                key={item.id}
-                id={item.id}
-                title={item.title}
-                code={item.code}
-              />
+            {code.map((item: any, id: any) => (
+              <CodeCard key={id} id={id} title={item.title} code={item.code} />
             ))}
           </ul>
         ) : (

diff --git a/components/SearchListing.tsx b/components/SearchListing.tsx
@@ -11,10 +11,10 @@ export default function SearchListing({ searchData }: SearchListingProps) {
       <div className="min-h-[45vh] flex items-center justify-center w-full">
         {searchData.length > 0 ? (
           <ul className="mb-8 min-h-[80vh] w-full">
-            {searchData.map((item: any) => (
+            {searchData.map((item: any, id: any) => (
               <CodeCard
-                key={item.id}
-                id={item.id}
+                key={id}
+                id={id}
                 title={item.title}
                 code={item.code}
               />

diff --git a/components/SecondarySearch.tsx b/components/SecondarySearch.tsx
@@ -1,4 +1,3 @@
-import Link from "next/link";
 import React, { useEffect, useState, useRef } from "react";
 import { placeholders } from "../utils";
 

diff --git a/content/content.json b/content/content.json
@@ -65,10 +65,70 @@
     "technology": "git",
     "tags": ["git", "remote"]
   },
+  {
+    "title": "Git view current status",
+    "code": "git status",
+    "technology": "git",
+    "tags": ["git", "status"]
+  },
+  {
+    "title": "Git view changes/difference made",
+    "code": "git diff file-path",
+    "technology": "git",
+    "tags": ["git", "difference"]
+  },
+  {
+    "title": "Git create new branch",
+    "code": "git checkout -b branch-name",
+    "technology": "git",
+    "tags": ["git", "branch"]
+  },
+  {
+    "title": "Git push new branch",
+    "code": "git push -u origin branch-name",
+    "technology": "git",
+    "tags": ["git", "branch"]
+  },
   {
     "title": "Generate React Native release apk build",
     "code": "cd android ./gradlew assembleRealease",
     "technology": "reactnative",
     "tags": ["reactnative", "apk", "build"]
+  },
+  {
+    "title": "Create vite project using npm",
+    "code": "npm create vite@latest",
+    "technology": "vite",
+    "tags": ["vite", "npm"]
+  },
+  {
+    "title": "Create vite project using yarn",
+    "code": "yarn create vite",
+    "technology": "vite",
+    "tags": ["vite", "yarn"]
+  },
+  {
+    "title": "Give a file executable permission",
+    "code": "chmod +x file-path",
+    "technology": "linux",
+    "tags": ["permission", "linux"]
+  },
+  {
+    "title": "Switch to superuser mode",
+    "code": "sudo su",
+    "technology": "linux",
+    "tags": ["sudo", "linux"]
+  },
+  {
+    "title": "Create nextjs app using npm",
+    "code": "npx create-next-app@latest",
+    "technology": "nextjs",
+    "tags": ["netxjs", "npm"]
+  },
+  {
+    "title": "Create nextjs app using yarn",
+    "code": "yarn create next-app",
+    "technology": "nextjs",
+    "tags": ["netxjs", "yarn"]
   }
 ]
diff --git a/pages/search.tsx b/pages/search.tsx
@@ -6,9 +6,14 @@ import content from "../content/content.json";
 export default function Details() {
   const [data, setData] = useState(content);
   const filterData = (query: string) => {
-    const filtered = content.filter((item: any) =>
-      item.title.toLowerCase().includes(query)
-    );
+    const filtered = content.filter((item: any) => {
+      const keyword = query.toLowerCase();
+      const result =
+        item.title.toLowerCase().includes(keyword) ||
+        item.code.toLowerCase().includes(keyword) ||
+        item.technology.toLowerCase().includes(keyword);
+      return result;
+    });
     setData(filtered);
   };
 

diff --git a/utils/index.ts b/utils/index.ts
@@ -13,12 +13,16 @@ export const tabs = [
   },
   {
     id: 4,
-    title: "django",
+    title: "vite",
   },
   {
     id: 5,
     title: "reactnative",
   },
+  {
+    id: 6,
+    title: "linux",
+  },
 ];
 
 export const placeholders = [