fixed filter by tags + refactored search + bug fixed + settings page [WIP]

pages/collections/[id].tsx

@@ -229,11 +229,9 @@ export default function Index() {
         </div>
         {links.some((e) => e.collectionId === Number(router.query.id)) ? (
           <div className="grid grid-cols-1 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
-            {links
-              .filter((e) => e.collectionId === Number(router.query.id))
-              .map((e, i) => {
-                return <LinkCard key={i} link={e} count={i} />;
-              })}
+            {links.map((e, i) => {
+              return <LinkCard key={i} link={e} count={i} />;
+            })}
           </div>
         ) : (
           <NoLinksFound />

pages/index.tsx

@@ -1,7 +1,7 @@
 import { useRouter } from "next/router";
 import { useEffect } from "react";
 
-export default function Home() {
+export default function Index() {
   const router = useRouter();
 
   useEffect(() => {

pages/settings/appearance.tsx

@@ -0,0 +1,10 @@
+import SettingsLayout from "@/layouts/SettingsLayout";
+import React from "react";
+
+export default function appearance() {
+  return (
+    <SettingsLayout>
+      <div>appearance</div>
+    </SettingsLayout>
+  );
+}

pages/settings/archive.tsx

@@ -0,0 +1,10 @@
+import SettingsLayout from "@/layouts/SettingsLayout";
+import React from "react";
+
+export default function archive() {
+  return (
+    <SettingsLayout>
+      <div>archive</div>
+    </SettingsLayout>
+  );
+}

pages/settings/billing.tsx

@@ -0,0 +1,18 @@
+import SettingsLayout from "@/layouts/SettingsLayout";
+import { useRouter } from "next/router";
+import { useEffect } from "react";
+
+export default function billing() {
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!process.env.NEXT_PUBLIC_STRIPE_IS_ACTIVE)
+      router.push("/settings/profile");
+  }, []);
+
+  return (
+    <SettingsLayout>
+      <div>Billing</div>
+    </SettingsLayout>
+  );
+}

pages/settings/index.tsx

@@ -0,0 +1,10 @@
+import { useRouter } from "next/router";
+import { useEffect } from "react";
+
+export default function Settings() {
+  const router = useRouter();
+
+  useEffect(() => {
+    router.push("/settings/profile");
+  }, []);
+}

pages/settings/password.tsx

@@ -0,0 +1,10 @@
+import SettingsLayout from "@/layouts/SettingsLayout";
+import React from "react";
+
+export default function password() {
+  return (
+    <SettingsLayout>
+      <div>password</div>
+    </SettingsLayout>
+  );
+}

pages/settings/privacy.tsx

@@ -0,0 +1,10 @@
+import SettingsLayout from "@/layouts/SettingsLayout";
+import React from "react";
+
+export default function privacy() {
+  return (
+    <SettingsLayout>
+      <div>privacy</div>
+    </SettingsLayout>
+  );
+}

pages/settings/profile.tsx

@@ -0,0 +1,10 @@
+import SettingsLayout from "@/layouts/SettingsLayout";
+import React from "react";
+
+export default function profile() {
+  return (
+    <SettingsLayout>
+      <div>profile</div>
+    </SettingsLayout>
+  );
+}

pages/tags/[id].tsx

@@ -67,11 +67,9 @@ export default function Index() {
           </div>
         </div>
         <div className="grid grid-cols-1 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
-          {links
-            .filter((e) => e.tags.some((e) => e.id === Number(router.query.id)))
-            .map((e, i) => {
-              return <LinkCard key={i} link={e} count={i} />;
-            })}
+          {links.map((e, i) => {
+            return <LinkCard key={i} link={e} count={i} />;
+          })}
         </div>
       </div>
     </MainLayout>