Make a reusable folder for common components and shift imports accord…

…ingly
p-shubh · May 17, 2024 · 898666f · 898666f
1 parent 49b17a5
commit 898666f
Show file tree

Hide file tree

Showing 11 changed files with 12 additions and 15 deletions.
diff --git a/app/components/communities_components/CommunitiesNavbar.tsx b/app/components/communities_components/CommunitiesNavbar.tsx
@@ -2,7 +2,7 @@
 
 import { v4 as uuidv4 } from "uuid";
 import Link from "next/link";
-import SearchBar from "./SearchBar";
+import SearchBar from "../reusable/SearchBar";
 import { DISCOVER_NAVBAR_LINKS } from "@/app/utils/constants";
 
 const Navbar = () => {

diff --git a/app/components/random_chat_components/CategoriesAndGenderDetailsPopup.tsx b/app/components/random_chat_components/CategoriesAndGenderDetailsPopup.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import Image from "next/image";
-import CategoriesDropdown from "@/app/components/my_account_components/CategoriesDropdown";
+import CategoriesDropdown from "@/app/components/reusable/CategoriesDropdown";
 
 const CategoriesAndGenderDetailsPopup = () => {
   return (

diff --git a/...account_components/CategoriesDropdown.tsx → ...omponents/reusable/CategoriesDropdown.tsx b/...account_components/CategoriesDropdown.tsx → ...omponents/reusable/CategoriesDropdown.tsx
diff --git a/app/components/Footer.tsx → app/components/reusable/Footer.tsx b/app/components/Footer.tsx → app/components/reusable/Footer.tsx
diff --git a/app/components/HomeNavbar.tsx → app/components/reusable/HomeNavbar.tsx b/app/components/HomeNavbar.tsx → app/components/reusable/HomeNavbar.tsx
@@ -2,12 +2,11 @@
 import { useState, useRef, useEffect } from "react";
 import { IoMdClose } from "react-icons/io";
 import { GiHamburgerMenu } from "react-icons/gi";
-import { NAVBAR_LINKS } from "../utils/constants";
+import { NAVBAR_LINKS } from "@/app/utils/constants";
 import { v4 as uuidv4 } from "uuid";
 import Link from "next/link";
-import { Zklogin } from "../utils/Zklogin";
+import { Zklogin, AccountData } from "@/app/utils/Zklogin";
 import { CgProfile } from "react-icons/cg";
-import { AccountData } from "../utils/Zklogin";
 import { IoIosLogOut } from "react-icons/io";
 
 /**

diff --git a/...ents/communities_components/SearchBar.tsx → app/components/reusable/SearchBar.tsx b/...ents/communities_components/SearchBar.tsx → app/components/reusable/SearchBar.tsx
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,8 +1,6 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import Navbar from "./components/HomeNavbar";
-import Footer from "./components/Footer";
 
 const inter = Inter({ subsets: ["latin"] });
 

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,10 +1,10 @@
 import Image from "next/image";
+import HomeNavbar from "./components/reusable/HomeNavbar";
 import { LANDING_PAGE_BUTTON } from "./utils/constants";
 import { v4 as uuidv4 } from "uuid";
 import MembershipPlanCard1 from "./components/membership_plan_cards/MembershipPlanCard1";
 import MembershipPlanCard2 from "./components/membership_plan_cards/MembershipPlanCard2";
-import HomeNavbar from "./components/HomeNavbar";
-import Footer from "./components/Footer";
+import Footer from "./components/reusable/Footer";
 
 /*
  *
@@ -14,7 +14,7 @@ import Footer from "./components/Footer";
 export default function Home() {
   return (
     <main className="w-[95vw] mx-auto p-10">
-      <HomeNavbar />
+      <HomeNavbar/>
       <div className="bg-[#CDE1F2] p-10">
         <div className="flex lg:flex-row md:flex-col sm:items-center xs:flex-col justify-between row-1">
           <div className="flex flex-col xs:items-center lg:items-start">

diff --git a/app/voyager/communities/page.tsx b/app/voyager/communities/page.tsx
@@ -5,7 +5,7 @@ import { v4 as uuidv4 } from "uuid";
 import { DISCOVER_PAGE_BUTTONS } from "../../utils/constants";
 import Image from "next/image";
 import VivrantCommunitiesCard from "../../components/communities_components/VivrantCommunitiesCard";
-import Footer from "@/app/components/Footer";
+import Footer from "@/app/components/reusable/Footer";
 
 const Community = () => {
   return (

diff --git a/app/voyager/my_account/page.tsx b/app/voyager/my_account/page.tsx
@@ -3,9 +3,9 @@
 import { useState } from "react";
 import Image from "next/image";
 import { useSearchParams } from "next/navigation";
-import HomeNavbar from "@/app/components/HomeNavbar";
-import Footer from "@/app/components/Footer";
-import CategoriesDropdown from "@/app/components/my_account_components/CategoriesDropdown";
+import HomeNavbar from "@/app/components/reusable/HomeNavbar";
+import Footer from "@/app/components/reusable/Footer";
+import CategoriesDropdown from "@/app/components/reusable/CategoriesDropdown";
 
 const MyAccount = () => {
   const [gender, setGender] = useState<string | undefined>();

diff --git a/app/voyager/profile/page.tsx b/app/voyager/profile/page.tsx
@@ -3,7 +3,7 @@ import ProfileNavbar from "../../components/profile_components/ProfileNavbar";
 import Image from "next/image";
 import { v4 as uuidv4 } from "uuid";
 import { PROFILE_PAGE_IMAGES } from "../../utils/constants";
-import Footer from "@/app/components/Footer";
+import Footer from "@/app/components/reusable/Footer";
 
 const Profile = () => {
   return (