From be7b5da71bae06118d87ad23db703940bb2e9985 Mon Sep 17 00:00:00 2001
From: Dheeresh Agarwal <da11@iitbbs.ac.in>
Date: Sun, 26 Nov 2023 00:55:38 +0530
Subject: [PATCH] index.ts files

---
 src/app/page.tsx                             |  7 +++----
 src/components/Background/index.ts           |  2 ++
 src/components/Filter/Dropdown.jsx           | 10 ++++++----
 src/components/Filter/Filter.jsx             |  8 +++++---
 src/components/Filter/index.ts               |  4 ++++
 src/components/Navbar/Navbar.jsx             |  3 ++-
 src/components/Navbar/index.ts               |  2 ++
 src/components/Search/{index.js => index.ts} |  0
 8 files changed, 24 insertions(+), 12 deletions(-)
 create mode 100644 src/components/Background/index.ts
 create mode 100644 src/components/Filter/index.ts
 create mode 100644 src/components/Navbar/index.ts
 rename src/components/Search/{index.js => index.ts} (100%)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 47a9dcb..89e9daa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,9 @@
 "use client";
 import { useContext } from "react";
-import Navbar from "../components/Navbar/Navbar";
+import { Navbar } from "@/components/Navbar";
 import { Search, FauxSearch } from "@/components/Search";
-import Filter from "../components/Filter/Filter";
-import Shapes from "../components/Background/Shapes";
-import Line from "../components/Background/Line";
+import { Filter } from "../components/Filter";
+import { Shapes, Line } from "@/components/Background";
 import { SearchContext } from "@/context/SearchContextProvider";
 import Link from "next/link";
 export default function Home() {
diff --git a/src/components/Background/index.ts b/src/components/Background/index.ts
new file mode 100644
index 0000000..2f73ac3
--- /dev/null
+++ b/src/components/Background/index.ts
@@ -0,0 +1,2 @@
+export { default as Line } from "./Line";
+export { default as Shapes } from "./Shapes";
diff --git a/src/components/Filter/Dropdown.jsx b/src/components/Filter/Dropdown.jsx
index c3b1e88..97cc33d 100644
--- a/src/components/Filter/Dropdown.jsx
+++ b/src/components/Filter/Dropdown.jsx
@@ -1,12 +1,12 @@
 import { Listbox, Transition } from "@headlessui/react";
-import ListboxButton from "./ListboxButton";
+import { ListboxButton, Selected } from ".";
 import { Fragment } from "react";
-import Selected from "./Selected";
+
 function classNames(...classes) {
   return classes.filter(Boolean).join(" ");
 }
 
-export default function Dropdown({ categories, selectedCategory, onChange }) {
+const Dropdown = ({ categories, selectedCategory, onChange }) => {
   return (
     <Listbox value={selectedCategory} onChange={onChange}>
       {({ open }) => (
@@ -48,4 +48,6 @@ export default function Dropdown({ categories, selectedCategory, onChange }) {
       )}
     </Listbox>
   );
-}
+};
+
+export default Dropdown;
diff --git a/src/components/Filter/Filter.jsx b/src/components/Filter/Filter.jsx
index 5448c43..9a54d6c 100644
--- a/src/components/Filter/Filter.jsx
+++ b/src/components/Filter/Filter.jsx
@@ -1,10 +1,10 @@
 "use client";
 import { useState } from "react";
-import Dropdown from "./Dropdown";
+import { Dropdown } from ".";
 import { IconList, Modal } from "@/components/Icon";
 import { icons, categories } from "@/constants";
 
-export default function Filter() {
+const Filter = () => {
   const [selectedCategory, setSelectedCategory] = useState(categories[0]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [selectedIcon, setSelectedIcon] = useState({});
@@ -51,4 +51,6 @@ export default function Filter() {
       {isModalOpen && <Modal icon={selectedIcon} onClose={closeModal} />}
     </div>
   );
-}
+};
+
+export default Filter;
diff --git a/src/components/Filter/index.ts b/src/components/Filter/index.ts
new file mode 100644
index 0000000..ae26fb6
--- /dev/null
+++ b/src/components/Filter/index.ts
@@ -0,0 +1,4 @@
+export { default as Dropdown } from "./Dropdown";
+export { default as Filter } from "./Filter";
+export { default as ListboxButton } from "./ListboxButton";
+export { default as Selected } from "./Selected";
diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
index 305f4c8..4e331ee 100644
--- a/src/components/Navbar/Navbar.jsx
+++ b/src/components/Navbar/Navbar.jsx
@@ -2,9 +2,10 @@
 import { useState, useContext } from "react";
 import { RxHamburgerMenu, RxCross2 } from "react-icons/rx";
 import { CiSearch } from "react-icons/ci";
-import MenuList from "./MenuList";
+import { MenuList } from ".";
 import { SearchContext } from "@/context/SearchContextProvider";
 import Link from "next/link";
+
 const Navbar = () => {
   // State to manage the visibility of the mobile menu
   const [isMenuOpen, setIsMenuOpen] = useState(false);
diff --git a/src/components/Navbar/index.ts b/src/components/Navbar/index.ts
new file mode 100644
index 0000000..0f2c529
--- /dev/null
+++ b/src/components/Navbar/index.ts
@@ -0,0 +1,2 @@
+export { default as MenuList } from "./MenuList";
+export { default as Navbar } from "./Navbar";
\ No newline at end of file
diff --git a/src/components/Search/index.js b/src/components/Search/index.ts
similarity index 100%
rename from src/components/Search/index.js
rename to src/components/Search/index.ts