ready for deployment

Author: Adityasinghvats

src/app/(auth)/login/page.tsx

@@ -60,7 +60,7 @@ export default function Loginpage() {
         setIsLoading(false);
     }
   return (
-    <div className="mx-auto w-full max-w-md rounded-none border border-solid border-white/30 bg-white p-4 shadow-input dark:bg-black md:rounded-2xl md:p-8">
+    <div className="mt-20 mx-auto w-full max-w-md rounded-none border border-solid border-white/30 bg-white p-4 shadow-input dark:bg-black md:rounded-2xl md:p-8">
     <h2 className="text-xl font-bold text-neutral-800 dark:text-neutral-200">
         Login to Riverflow
     </h2>

src/app/(auth)/register/page.tsx

@@ -65,7 +65,7 @@ export default function Registerpage() {
         setIsLoading(false);
     }
   return (
-    <div className="mx-auto w-full max-w-md rounded-none border border-solid border-white/30 bg-white p-4 shadow-input dark:bg-black md:rounded-2xl md:p-8">
+    <div className="mt-20 mx-auto w-full max-w-md rounded-none border border-solid border-white/30 bg-white p-4 shadow-input dark:bg-black md:rounded-2xl md:p-8">
             <h2 className="text-xl font-bold text-neutral-800 dark:text-neutral-200">
                 Welcome to Riverflow
             </h2>

src/app/components/HeroSectionHeader.tsx

@@ -59,7 +59,7 @@ const HeroSectionHeader = () => {
                 <div className="flex items-center justify-center">
                     <div className="space-y-4 text-center">
                         <h1 className="pointer-events-none z-10 whitespace-pre-wrap bg-gradient-to-b from-[#ffd319] via-[#ff2975] to-[#8c1eff] bg-clip-text text-center text-7xl font-bold leading-none tracking-tighter text-transparent">
-                            RiverFlow
+                            OutOfBound
                         </h1>
                         <p className="text-center text-xl font-bold leading-none tracking-tighter">
                             Ask questions, share knowledge, and collaborate with developers

src/app/components/TopContributors.tsx

@@ -51,7 +51,7 @@ export default async function TopContributers() {
     const topUsers = await users.list<UserPrefs>([Query.limit(10)]);
 
     return (
-        <div className="bg-background relative flex max-h-[400px] min-h-[400px] w-full max-w-[32rem] flex-col overflow-hidden rounded-lg bg-white/10 p-6 shadow-lg">
+        <div className="bg-white/10 relative flex max-h-[400px] min-h-[400px] w-full max-w-[32rem] flex-col overflow-hidden rounded-lg bg-white/10 p-6 shadow-lg">
             <AnimatedList>
                 {topUsers.users.map(user => (
                     <Notification user={user} key={user.$id} />

src/app/page.tsx

@@ -10,10 +10,12 @@ export default function Home() {
   const {user} = useAuthStore()
   const ref = React.useRef<HTMLDivElement>(null);
   const [height, setHeight] = React.useState(0);
+  
   React.useEffect(() => {
           if (ref.current) {
               setHeight(ref.current.clientHeight);
           }
+          
       }, [ref]);
   return (
     <div className="bg-black text-white min-h-screen py-20 mt-20">

src/app/questions/[quesId]/[quesName]/page.tsx

@@ -50,6 +50,7 @@ const Page = async ({ params }: { params: { quesId: string; quesName: string } }
             Query.orderDesc("$createdAt"),
         ]),
     ]);
+    
 
     // since it is dependent on the question, we fetch it here outside of the Promise.all
     const author = await users.get<UserPrefs>(question.authorId);
@@ -167,18 +168,20 @@ const Page = async ({ params }: { params: { quesId: string; quesName: string } }
                     </div>
                     <div className="w-full overflow-auto">
                         <MarkdownPreview className="rounded-xl p-4" source={question.content} />
-                        <picture>
+                        {question.attachmentId && (<picture>
                             <img
                                 src={
-                                    storage.getFilePreview(
+                                    storage.getFileView(
                                         questionAttachmentbucket,
                                         question.attachmentId
-                                    )
+                                    ).toString()
                                 }
                                 alt={question.title}
                                 className="mt-3 rounded-lg"
                             />
-                        </picture>
+                        </picture>)}
+                        
+
                         <div className="mt-3 flex flex-wrap items-center gap-3 text-sm">
                             {question.tags.map((tag: string) => (
                                 <Link

src/app/questions/ask/AddQues.tsx

@@ -1,24 +1,9 @@
 "use client";
 
 import QuestionForm from "@/components/QuestionForm";
-import { useAuthStore } from "@/store/Auth";
-import slugify from "@/utils/slugify";
-import { Models } from "appwrite";
-import { useRouter } from "next/navigation";
 import React from "react";
 
-const AddQues = ({ question }: { question: Models.Document }) => {
-    const { user } = useAuthStore();
-    const router = useRouter();
-
-    React.useEffect(() => {
-        if (question.authorId !== user?.$id) {
-            router.push(`/questions/${question.$id}/${slugify(question.title)}`);
-        }
-    }, []);
-
-    if (user?.$id !== question.authorId) return null;
-
+const AddQues = () => {
     return (
         <div className="pb-20 pt-32">
             <div className="container mx-auto px-4">
@@ -27,7 +12,7 @@ const AddQues = ({ question }: { question: Models.Document }) => {
                 <div className="flex flex-wrap md:flex-row-reverse">
                     <div className="w-full"></div>
                     <div className="w-full">
-                        <QuestionForm question={question} />
+                        <QuestionForm />
                     </div>
                 </div>
             </div>

src/app/questions/ask/page.tsx

@@ -1,12 +1,8 @@
-import { db, questionCollection } from "@/models/name";
-import { databases } from "@/models/server/config";
 import React from "react";
 import AddQues from "./AddQues";
 import { Particles } from "@/components/magicui/particles";
 
-const Page = async ({ params }: { params: { quesId: string; quesName: string } }) => {
-    const question = await databases.getDocument(db, questionCollection, params.quesId);
-
+const Page = async () => {
     return (
         <div>
             <Particles
@@ -17,10 +13,9 @@ const Page = async ({ params }: { params: { quesId: string; quesName: string } }
                 refresh
             />
             <div className="flex justify-center items-center">
-                <AddQues question={question} />
+                <AddQues/>
             </div>
         </div>
-        
     );
 };
 

src/app/questions/page.tsx

@@ -34,7 +34,6 @@ const Page = async ({
         );
 
     const questions = await databases.listDocuments(db, questionCollection, queries);
-    console.log("Questions", questions)
 
     questions.documents = await Promise.all(
         questions.documents.map(async ques => {

src/app/users/[userId]/[userSlug]/edit/page.tsx

@@ -13,8 +13,8 @@ const Page = () => {
                 refresh
             />
             <div className="container mx-auto space-y-4 px-4 pb-20 pt-32">
-            <h1>Edit</h1>
-            <h2>Homework</h2>
+            {/* <h1>Edit</h1>
+            <h2>Homework</h2> */}
         </div>
         </div>
 

src/middleware.ts

@@ -14,7 +14,7 @@ export async function middleware(){
     return NextResponse.next();
 }
 
-//wherever the matches matches the path our code will not run there
+//wherever the matcher matches the path our code will not run there
 export const config = {
     /*
     match all req path except for the ones start with

src/models/server/storageSetup.ts

@@ -21,7 +21,7 @@ export default async function getOrCreateStorage(){
                 false,
                 undefined,
                 undefined,
-                ["jpeg", "png", "gif", "jpeg", "webp", "heic"]
+                ["jpeg", "png", "gif", "webp", "heic"]
             )
             console.log("Bucket is created")
             console.log("Storage connected")

src/store/Auth.ts

@@ -5,7 +5,7 @@ import { persist } from "zustand/middleware";
 import {AppwriteException, ID, Models} from "appwrite";
 import { account } from "@/models/client/config";
 
-//create a reputation for user based on thier votes
+//create a reputation for user based on their votes
 export interface UserPrefs {
     reputation: number,
 }

vercel.json

@@ -0,0 +1,5 @@
+{
+    "rewrites": [
+      { "source": "/(.*)", "destination": "/index.html" }
+    ]
+  }