Fix: something idk

sametcn99 · Aug 3, 2024 · 7bea17d · 7bea17d · vercel · Aug 3, 2024
1 parent 357df98
commit 7bea17d
Show file tree

Hide file tree

Showing 13 changed files with 93 additions and 113 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,19 +1,18 @@
+import Footer from "@/components/home/Footer";
+import { getSiteUrl } from "@/lib/utils";
+import { ClerkProvider } from "@clerk/nextjs";
+import { dark } from "@clerk/themes";
+import { GoogleAnalytics } from "@next/third-parties/google";
+import { Theme } from "@radix-ui/themes";
+import "@radix-ui/themes/styles.css";
+import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
-import "./globals.css";
+import Script from "next/script";
 import React from "react";
-import { Analytics } from "@vercel/analytics/react";
-import "@radix-ui/themes/styles.css";
-import { Theme } from "@radix-ui/themes";
 import Navbar from "../components/Navbar";
-import { getSiteUrl } from "@/lib/utils";
-import { SpeedInsights } from "@vercel/speed-insights/next";
-import { GoogleAnalytics } from "@next/third-parties/google";
-import Footer from "@/components/home/Footer";
-import Script from "next/script";
-import { ClerkProvider } from "@clerk/nextjs";
-import { dark } from "@clerk/themes";
-import Head from "next/head";
+import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 /**
@@ -89,16 +88,14 @@ export default function RootLayout({
       }}
     >
       <html lang="en">
-        <body
-          className={`${inter.className} flex min-h-screen w-full justify-center px-1 transition-all duration-1000 md:px-4`}
-        >
+        <body className={inter.className}>
           <Theme
             appearance="dark"
             accentColor="gray"
             grayColor="slate"
             radius="large"
           >
-            <main className=" flex w-full flex-col items-center gap-4 p-2 pt-4 transition-all duration-1000 sm:w-[30rem] md:w-[40rem] lg:w-[60rem] xl:w-[70rem] 2xl:w-[80rem]">
+            <main className="container mx-auto flex flex-col gap-4">
               <Navbar />
               {children}
               <Footer />

diff --git a/bun.lockb b/bun.lockb
diff --git a/components/FilterInput.tsx b/components/FilterInput.tsx
@@ -7,7 +7,7 @@ export default function FilterInput({
 }) {
   return (
     <div className="w-full">
-      <TextField.Input
+      <TextField.Root
         placeholder="Filter by title"
         type="search"
         onChange={(e) => setFilterValue(e.target.value)}

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -1,25 +1,21 @@
-import { Box } from "@radix-ui/themes";
-import SearchBar from "./Search";
 import Link from "next/link";
-import { UserButton } from "@clerk/nextjs";
 import LoginControl from "./auth/LoginControl";
+import SearchBar from "./Search";
 
 const Navbar = () => {
   return (
-    <Box className="flex w-full flex-row flex-wrap items-center justify-between rounded-2xl p-4">
-      <div className="flex flex-row flex-wrap">
-        <Link
-          href="/"
-          className="text-2xl font-bold text-zinc-400 hover:underline"
-        >
-          GPV
-        </Link>
-      </div>
-      <div className="flex flex-row flex-wrap items-center space-x-4">
+    <nav className="inline-flex w-full place-items-center justify-between pt-2">
+      <Link
+        href="/"
+        className="text-2xl font-bold text-zinc-400 hover:underline"
+      >
+        GPV
+      </Link>
+      <div className="inline-flex place-items-center gap-4">
         <LoginControl />
         <SearchBar />
       </div>
-    </Box>
+    </nav>
   );
 };
 

diff --git a/components/ProfileCard/ContactList.tsx b/components/ProfileCard/ContactList.tsx
@@ -143,13 +143,12 @@ export default function ContactList({
             </Box>
           </Dialog.Title>
           {/* Textfield for filtering by name */}
-          <TextField.Root>
-            <TextField.Input
-              value={filter}
-              type="search"
-              placeholder="Filter by name"
-              onChange={(e) => setFilter(e.target.value)}
-            ></TextField.Input>
+          <TextField.Root
+            type="search"
+            placeholder="Filter by name"
+            value={filter}
+            onChange={(e) => setFilter(e.target.value)}
+          >
             {/* Dropdown for selecting the filter option */}
             <DropdownMenu.Root>
               <DropdownMenu.Trigger>

diff --git a/components/Search.tsx b/components/Search.tsx
@@ -106,14 +106,14 @@ export default function SearchBar({ className }: { className?: string }) {
 
         <Box className="static flex flex-col items-center justify-center gap-5 ">
           <Box className="flex w-full flex-row items-center justify-between gap-3">
-            <TextField.Input
+            <TextField.Root
               size="3"
               className="w-full"
               aria-label="Search"
               placeholder="Write user name"
               onKeyDown={handleKeyPress}
               onChange={handleChange}
-            ></TextField.Input>
+            ></TextField.Root>
             <DropdownMenu.Root>
               <DropdownMenu.Trigger>
                 <Button className="hover:cursor-pointer">Filter By</Button>

diff --git a/components/home/Features.tsx b/components/home/Features.tsx
@@ -33,14 +33,14 @@ export default function Features() {
       <Heading size="8" className="text-3xl font-bold">
         Features
       </Heading>
-      <Box className="grid gap-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3">
+      <div className="grid gap-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3">
         {featureTexts.map((feature, index) => (
           <Card className="p-4" key={index}>
             <Heading>{feature.header}</Heading>
             <Text>{feature.span}</Text>
           </Card>
         ))}
-      </Box>
+      </div>
     </Section>
   );
 }
diff --git a/components/home/Hero.tsx b/components/home/Hero.tsx
@@ -1,12 +1,11 @@
 import { Heading, Section, Text } from "@radix-ui/themes";
-import ChromeStore from "./ChromeStore";
-import Image from "next/image";
 import SearchBar from "../Search";
+import ChromeStore from "./ChromeStore";
 
 export default function Hero() {
   return (
     <Section
-      className="flex flex-col items-center justify-center gap-4 text-center w-fit"
+      className="flex flex-col items-center justify-center gap-4 text-center"
       id="hero"
     >
       <Heading size="9" className="animated-header">
@@ -16,15 +15,8 @@ export default function Hero() {
         Explore GitHub and Gist profiles effortlessly, utilizing the GitHub REST
         API to retrieve comprehensive information.
       </Text>
-      <SearchBar/>
+      <SearchBar />
       <ChromeStore />
-      <Image
-        src="/icons/octocat.png"
-        alt="octocat"
-        width={350}
-        height={350}
-        className="absolute left-0 -z-10 hidden lg:block"
-      />
     </Section>
   );
 }
diff --git a/components/home/post-card.tsx b/components/home/post-card.tsx
@@ -24,7 +24,7 @@ export default function PostCard({ post }: Props, index: number) {
     <>
       {/* Create a link to the post's detail page using 'Link' */}
       <Link href={"/blog/" + id}>
-        <div className="h-fit w-full hover:bg-black/30">
+        <div className="h-fit w-full py-4 hover:pl-2">
           <span className="text-xl font-semibold"> {title}</span>
           <br />
           {/* Display the formatted date */}

diff --git a/components/repositories/ReposCard.tsx b/components/repositories/ReposCard.tsx
@@ -1,21 +1,19 @@
-import { BsFillStarFill } from "react-icons/bs";
-import { FaCodeFork } from "react-icons/fa6";
 import { formatNumber } from "@/lib/utils";
 import {
   Box,
-  Button,
   Card,
-  DropdownMenu,
   Heading,
   Link,
   Text,
-  Tooltip,
+  Tooltip
 } from "@radix-ui/themes";
+import { BsFillStarFill } from "react-icons/bs";
+import { FaCodeFork } from "react-icons/fa6";
+import { GoLaw } from "react-icons/go";
+import { TfiWorld } from "react-icons/tfi";
 import Readme from "../Readme";
 import { languageIcons } from "../icons/LanguageIcons";
-import { GoLaw } from "react-icons/go";
 import StarHistory from "../stats/Charts/StarHistory";
-import { TfiWorld } from "react-icons/tfi";
 
 interface ReposCardProps {
   repo: GitHubRepo;

diff --git a/components/repositories/Repositories.tsx b/components/repositories/Repositories.tsx
@@ -1,13 +1,13 @@
 "use client";
-import { useContext, useMemo } from "react";
 import { GithubContext } from "@/app/context/GithubContext";
-import { Box } from "@radix-ui/themes";
-import FilterBar from "./FilterBar";
-import ReposCard from "./ReposCard";
-import { VList } from "virtua";
 import Loading from "@/app/loading";
 import { useRepositoryFilters } from "@/hooks/useRepositoryFilters";
 import { extractUniqueValues } from "@/lib/utils";
+import { Box } from "@radix-ui/themes";
+import { useContext, useMemo } from "react";
+import { VList } from "virtua";
+import FilterBar from "./FilterBar";
+import ReposCard from "./ReposCard";
 
 export default function Repositories() {
   const { repos, loading } = useContext(GithubContext);

diff --git a/components/repositories/Repository.tsx b/components/repositories/Repository.tsx
@@ -1,21 +1,19 @@
-import { BsFillStarFill } from "react-icons/bs";
-import { FaCodeFork } from "react-icons/fa6";
 import { formatNumber } from "@/lib/utils";
 import {
   Box,
-  Button,
   Card,
-  DropdownMenu,
   Heading,
   Link,
   Text,
-  Tooltip,
+  Tooltip
 } from "@radix-ui/themes";
+import { BsFillStarFill } from "react-icons/bs";
+import { FaCodeFork } from "react-icons/fa6";
+import { GoLaw } from "react-icons/go";
+import { TfiWorld } from "react-icons/tfi";
 import Readme from "../Readme";
 import { languageIcons } from "../icons/LanguageIcons";
-import { GoLaw } from "react-icons/go";
 import StarHistory from "../stats/Charts/StarHistory";
-import { TfiWorld } from "react-icons/tfi";
 
 export default function Repository({ repo }: { repo: GitHubRepo }) {
   return (

diff --git a/package.json b/package.json
@@ -9,66 +9,66 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@clerk/nextjs": "^5.1.0",
-    "@clerk/themes": "1.7.15",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "11.11.5",
-    "@hookform/resolvers": "3.4.2",
-    "@mui/material": "5.15.18",
-    "@mui/x-charts": "6.19.8",
-    "@mui/x-data-grid": "6.19.11",
-    "@next/third-parties": "14.2.3",
-    "@octokit/types": "^12.6.0",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/themes": "^2.0.3",
-    "@tanstack/react-table": "8.17.3",
-    "@uiw/react-json-view": "2.0.0-alpha.24",
-    "@uiw/react-markdown-preview": "5.1.1",
-    "@vercel/analytics": "^1.2.2",
-    "@vercel/speed-insights": "^1.0.10",
+    "@clerk/nextjs": "^5.2.12",
+    "@clerk/themes": "2.1.16",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "11.13.0",
+    "@hookform/resolvers": "3.9.0",
+    "@mui/material": "5.16.6",
+    "@mui/x-charts": "7.12.0",
+    "@mui/x-data-grid": "7.12.0",
+    "@next/third-parties": "14.2.5",
+    "@octokit/types": "^13.5.0",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/themes": "^3.1.1",
+    "@tanstack/react-table": "8.19.3",
+    "@uiw/react-json-view": "2.0.0-alpha.25",
+    "@uiw/react-markdown-preview": "5.1.2",
+    "@vercel/analytics": "^1.3.1",
+    "@vercel/speed-insights": "^1.0.12",
     "class-variance-authority": "^0.7.0",
     "clsx": "2.1.1",
-    "cmdk": "^0.2.1",
+    "cmdk": "^1.0.0",
     "date-fns": "3.6.0",
     "gray-matter": "^4.0.3",
     "install": "^0.13.0",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.344.0",
-    "next": "^14.2.3",
-    "next-themes": "^0.2.1",
+    "lucide-react": "^0.424.0",
+    "next": "^14.2.5",
+    "next-themes": "^0.3.0",
     "nextjs-google-adsense": "^1.0.0",
-    "npm": "10.8.0",
-    "octokit": "3.2.1",
+    "npm": "10.8.2",
+    "octokit": "4.0.2",
     "react": "18.3.1",
-    "react-day-picker": "8.10.1",
+    "react-day-picker": "9.0.6",
     "react-dom": "18.3.1",
-    "react-hook-form": "7.51.5",
+    "react-hook-form": "7.52.1",
     "react-icons": "5.2.1",
     "react-json-view-lite": "1.4.0",
     "react-markdown": "^9.0.1",
     "remark": "^15.0.1",
     "remark-html": "^16.0.1",
-    "sonner": "1.4.41",
-    "tailwind-merge": "2.3.0",
+    "sonner": "1.5.0",
+    "tailwind-merge": "2.4.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "0.9.1",
-    "virtua": "^0.28.0",
+    "virtua": "^0.33.4",
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@types/lodash": "4.17.4",
-    "@types/node": "20.12.12",
-    "@types/react": "18.3.2",
+    "@types/lodash": "4.17.7",
+    "@types/node": "22.1.0",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@types/react-window": "^1.8.8",
-    "autoprefixer": "10.4.19",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "14.1.1",
-    "postcss": "8.4.38",
-    "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "0.5.14",
-    "tailwindcss": "3.4.3",
-    "typescript": "5.4.5"
+    "autoprefixer": "10.4.20",
+    "eslint": "^9.8.0",
+    "eslint-config-next": "14.2.5",
+    "postcss": "8.4.40",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "0.6.5",
+    "tailwindcss": "3.4.7",
+    "typescript": "5.5.4"
   }
 }