Refactor/front (#313)

* 🚚 move footer component

* 🚚 move navbar component

* 🚚 move ui components

* 🚚 move browser tab icon to public folder

* 🚚 move Chat Provider

* 🚚 move hooks to lib

* 🚚  move helpers to lib

* 🚚 move types to lib

frontend/app/(auth)/login/components/GoogleLogin/index.tsx

@@ -1,4 +1,4 @@
-import Button from "@/app/components/ui/Button";
+import Button from "@/lib/components/ui/Button";
 
 import { useGoogleLogin } from "./hooks/useGoogleLogin";
 

frontend/app/(auth)/login/components/MagicLinkLogin/index.tsx

@@ -1,6 +1,6 @@
 "use client";
-import Button from "@/app/components/ui/Button";
 import { useSupabase } from "@/app/supabase-provider";
+import Button from "@/lib/components/ui/Button";
 import { useToast } from "@/lib/hooks/useToast";
 import { useState } from "react";
 

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

@@ -1,10 +1,10 @@
 "use client";
-import Button from "@/app/components/ui/Button";
-import Card from "@/app/components/ui/Card";
-import { Divider } from "@/app/components/ui/Divider";
-import Field from "@/app/components/ui/Field";
-import PageHeading from "@/app/components/ui/PageHeading";
 import { useSupabase } from "@/app/supabase-provider";
+import Button from "@/lib/components/ui/Button";
+import Card from "@/lib/components/ui/Card";
+import { Divider } from "@/lib/components/ui/Divider";
+import Field from "@/lib/components/ui/Field";
+import PageHeading from "@/lib/components/ui/PageHeading";
 import { useToast } from "@/lib/hooks/useToast";
 import Link from "next/link";
 import { redirect } from "next/navigation";

frontend/app/(auth)/logout/page.tsx

@@ -1,8 +1,8 @@
 "use client";
-import Button from "@/app/components/ui/Button";
-import Card from "@/app/components/ui/Card";
-import PageHeading from "@/app/components/ui/PageHeading";
 import { useSupabase } from "@/app/supabase-provider";
+import Button from "@/lib/components/ui/Button";
+import Card from "@/lib/components/ui/Card";
+import PageHeading from "@/lib/components/ui/PageHeading";
 import { useToast } from "@/lib/hooks/useToast";
 import Link from "next/link";
 import { useRouter } from "next/navigation";

frontend/app/(auth)/signup/page.tsx

@@ -1,9 +1,9 @@
 "use client";
-import Button from "@/app/components/ui/Button";
-import Card from "@/app/components/ui/Card";
-import Field from "@/app/components/ui/Field";
-import PageHeading from "@/app/components/ui/PageHeading";
 import { useSupabase } from "@/app/supabase-provider";
+import Button from "@/lib/components/ui/Button";
+import Card from "@/lib/components/ui/Card";
+import Field from "@/lib/components/ui/Field";
+import PageHeading from "@/lib/components/ui/PageHeading";
 import { useToast } from "@/lib/hooks/useToast";
 import Link from "next/link";
 import { useState } from "react";

frontend/app/(home)/Features.tsx

@@ -1,3 +1,4 @@
+import Card from "@/lib/components/ui/Card";
 import { FC, ReactNode } from "react";
 import {
   GiArtificialIntelligence,
@@ -7,7 +8,6 @@ import {
   GiLockedDoor,
   GiOpenBook,
 } from "react-icons/gi";
-import Card from "../components/ui/Card";
 
 const Features: FC = () => {
   return (

frontend/app/(home)/Hero.tsx

@@ -1,9 +1,9 @@
 "use client";
+import Button from "@/lib/components/ui/Button";
 import { motion, useScroll, useSpring, useTransform } from "framer-motion";
 import Link from "next/link";
 import { FC, useRef } from "react";
 import { MdNorthEast } from "react-icons/md";
-import Button from "../components/ui/Button";
 
 const Hero: FC = () => {
   const targetRef = useRef<HTMLDivElement | null>(null);

frontend/app/chat/[chatId]/page.tsx

@@ -1,8 +1,8 @@
 "use client";
+import PageHeading from "@/lib/components/ui/PageHeading";
+import useChatsContext from "@/lib/context/ChatsProvider/hooks/useChatsContext";
 import { UUID } from "crypto";
 import { useEffect } from "react";
-import PageHeading from "../../components/ui/PageHeading";
-import useChatsContext from "../ChatsProvider/hooks/useChatsContext";
 import { ChatInput, ChatMessages } from "../components";
 
 interface ChatPageProps {

frontend/app/chat/components/ChatMessages/ChatInput/ConfigButton.tsx

@@ -1,7 +1,7 @@
 "use client";
+import Button from "@/lib/components/ui/Button";
 import Link from "next/link";
 import { MdSettings } from "react-icons/md";
-import Button from "../../../../components/ui/Button";
 
 export function ConfigButton() {
   return (

frontend/app/chat/components/ChatMessages/ChatInput/MicButton.tsx

@@ -1,7 +1,7 @@
 "use client";
+import Button from "@/lib/components/ui/Button";
+import { useSpeech } from "@/lib/context/ChatsProvider/hooks/useSpeech";
 import { MdMic, MdMicOff } from "react-icons/md";
-import Button from "../../../../components/ui/Button";
-import { useSpeech } from "../../../ChatsProvider/hooks/useSpeech";
 
 export function MicButton() {
   const { isListening, speechSupported, startListening } = useSpeech();

frontend/app/chat/components/ChatMessages/ChatInput/index.tsx

@@ -1,6 +1,6 @@
 "use client";
-import useChatsContext from "@/app/chat/ChatsProvider/hooks/useChatsContext";
-import Button from "../../../../components/ui/Button";
+import Button from "@/lib/components/ui/Button";
+import useChatsContext from "@/lib/context/ChatsProvider/hooks/useChatsContext";
 import { ConfigButton } from "./ConfigButton";
 import { MicButton } from "./MicButton";
 

frontend/app/chat/components/ChatMessages/index.tsx

@@ -1,7 +1,7 @@
 "use client";
-import Card from "@/app/components/ui/Card";
+import Card from "@/lib/components/ui/Card";
+import useChatsContext from "@/lib/context/ChatsProvider/hooks/useChatsContext";
 import { FC, useEffect, useRef } from "react";
-import useChatsContext from "../../ChatsProvider/hooks/useChatsContext";
 import ChatMessage from "./ChatMessage";
 
 export const ChatMessages: FC = () => {

frontend/app/chat/components/ChatsList/ChatsListItem.tsx

@@ -5,7 +5,7 @@ import { usePathname } from "next/navigation";
 import { FC } from "react";
 import { FiTrash2 } from "react-icons/fi";
 import { MdChatBubbleOutline } from "react-icons/md";
-import { Chat } from "../../types";
+import { Chat } from "../../../../lib/types/Chat";
 
 interface ChatsListItemProps {
   chat: Chat;

frontend/app/chat/components/ChatsList/index.tsx

@@ -1,5 +1,5 @@
 "use client";
-import useChatsContext from "../../ChatsProvider/hooks/useChatsContext";
+import useChatsContext from "@/lib/context/ChatsProvider/hooks/useChatsContext";
 import ChatsListItem from "./ChatsListItem";
 import { NewChatButton } from "./NewChatButton";
 export function ChatsList() {

frontend/app/chat/layout.tsx

@@ -1,8 +1,8 @@
 "use client";
+import { ChatsProvider } from "@/lib/context/ChatsProvider/chats-provider";
 import { redirect } from "next/navigation";
 import { FC, ReactNode } from "react";
 import { useSupabase } from "../supabase-provider";
-import { ChatsProvider } from "./ChatsProvider/chats-provider";
 import { ChatsList } from "./components";
 
 interface LayoutProps {

frontend/app/config/components/BackendConfig.tsx

@@ -1,8 +1,8 @@
 "use client";
 
+import Field from "@/lib/components/ui/Field";
 import { BrainConfig } from "@/lib/context/BrainConfigProvider/types";
 import { UseFormRegister } from "react-hook-form";
-import Field from "../../components/ui/Field";
 
 interface BackendConfigProps {
   register: UseFormRegister<BrainConfig>;

frontend/app/config/components/ConfigForm.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import Button from "@/lib/components/ui/Button";
 import { useRouter } from "next/navigation";
-import Button from "../../components/ui/Button";
 import { useConfig } from "../hooks/useConfig";
 import { BackendConfig } from "./BackendConfig";
 import { ModelConfig } from "./ModelConfig";

frontend/app/config/components/ModelConfig.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Field from "@/lib/components/ui/Field";
 import {
   BrainConfig,
   Model,
@@ -8,7 +9,6 @@ import {
   paidModels,
 } from "@/lib/context/BrainConfigProvider/types";
 import { UseFormRegister } from "react-hook-form";
-import Field from "../../components/ui/Field";
 
 interface ModelConfigProps {
   register: UseFormRegister<BrainConfig>;

frontend/app/config/components/UserAccountSection.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { useSupabase } from "@/app/supabase-provider";
+import Button from "@/lib/components/ui/Button";
 import Link from "next/link";
-import Button from "../../components/ui/Button";
 
 export const UserAccountSection = (): JSX.Element => {
   const { session } = useSupabase();

frontend/app/explore/DocumentItem/index.tsx

@@ -1,6 +1,9 @@
 "use client";
-import Ellipsis from "@/app/components/ui/Ellipsis";
 import { useSupabase } from "@/app/supabase-provider";
+import Button from "@/lib/components/ui/Button";
+import { AnimatedCard } from "@/lib/components/ui/Card";
+import Ellipsis from "@/lib/components/ui/Ellipsis";
+import Modal from "@/lib/components/ui/Modal";
 import { useToast } from "@/lib/hooks/useToast";
 import { useAxios } from "@/lib/useAxios";
 import {
@@ -10,10 +13,7 @@ import {
   forwardRef,
   useState,
 } from "react";
-import Button from "../../components/ui/Button";
-import { AnimatedCard } from "../../components/ui/Card";
-import Modal from "../../components/ui/Modal";
-import { Document } from "../types";
+import { Document } from "../../../lib/types/Document";
 import DocumentData from "./DocumentData";
 
 interface DocumentProps {

frontend/app/explore/page.tsx

@@ -1,14 +1,14 @@
 "use client";
+import Button from "@/lib/components/ui/Button";
+import Spinner from "@/lib/components/ui/Spinner";
+import { Document } from "@/lib/types/Document";
 import { useAxios } from "@/lib/useAxios";
 import { AnimatePresence, motion } from "framer-motion";
 import Link from "next/link";
 import { redirect } from "next/navigation";
 import { useEffect, useState } from "react";
-import Button from "../components/ui/Button";
-import Spinner from "../components/ui/Spinner";
 import { useSupabase } from "../supabase-provider";
 import DocumentItem from "./DocumentItem";
-import { Document } from "./types";
 
 export default function ExplorePage() {
   const [documents, setDocuments] = useState<Document[]>([]);

frontend/app/layout.tsx

@@ -1,11 +1,11 @@
+import Footer from "@/lib/components/Footer";
+import { NavBar } from "@/lib/components/NavBar";
+import { ToastProvider } from "@/lib/components/ui/Toast";
 import { createServerComponentSupabaseClient } from "@supabase/auth-helpers-nextjs";
 import { Analytics } from "@vercel/analytics/react";
 import { Inter } from "next/font/google";
 import { cookies, headers } from "next/headers";
 import { BrainConfigProvider } from "../lib/context/BrainConfigProvider/brain-config-provider";
-import Footer from "./components/Footer";
-import { NavBar } from "./components/NavBar";
-import { ToastProvider } from "./components/ui/Toast";
 import "./globals.css";
 import SupabaseProvider from "./supabase-provider";
 

frontend/app/upload/components/Crawler/index.tsx

@@ -1,7 +1,7 @@
 "use client";
-import Button from "@/app/components/ui/Button";
-import Card from "@/app/components/ui/Card";
-import Field from "@/app/components/ui/Field";
+import Button from "@/lib/components/ui/Button";
+import Card from "@/lib/components/ui/Card";
+import Field from "@/lib/components/ui/Field";
 import { useCrawler } from "./hooks/useCrawler";
 
 export const Crawler = (): JSX.Element => {

frontend/app/upload/components/FileUploader/index.tsx

@@ -1,7 +1,7 @@
 "use client";
+import Button from "@/lib/components/ui/Button";
+import Card from "@/lib/components/ui/Card";
 import { AnimatePresence } from "framer-motion";
-import Button from "../../../components/ui/Button";
-import Card from "../../../components/ui/Card";
 import FileComponent from "./components/FileComponent";
 import { useFileUploader } from "./hooks/useFileUploader";
 

frontend/app/upload/page.tsx

@@ -1,8 +1,8 @@
 "use client";
+import Button from "@/lib/components/ui/Button";
+import { Divider } from "@/lib/components/ui/Divider";
+import PageHeading from "@/lib/components/ui/PageHeading";
 import Link from "next/link";
-import Button from "../components/ui/Button";
-import { Divider } from "../components/ui/Divider";
-import PageHeading from "../components/ui/PageHeading";
 import { Crawler } from "./components/Crawler";
 import { FileUploader } from "./components/FileUploader";
 

frontend/app/user/components/BrainConsumption.tsx

@@ -1,5 +1,5 @@
 import { GiBrain } from "react-icons/gi";
-import { UserStats } from "../types";
+import { UserStats } from "../../../lib/types/User";
 
 export const BrainConsumption = (userStats: UserStats): JSX.Element => {
   const { current_brain_size, max_brain_size } = userStats;

frontend/app/user/components/Date.tsx

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { UserStats } from "../types";
+import { UserStats } from "../../../lib/types/User";
 
 interface DateComponentProps extends HTMLAttributes<HTMLSpanElement> {
   date: UserStats["date"];

frontend/app/user/components/UserStatistics.tsx

@@ -1,10 +1,10 @@
 "use client";
-import Button from "@/app/components/ui/Button";
+import Button from "@/lib/components/ui/Button";
 import { cn } from "@/lib/utils";
 import Link from "next/link";
 import prettyBytes from "pretty-bytes";
 import { HTMLAttributes } from "react";
-import { UserStats } from "../types";
+import { UserStats } from "../../../lib/types/User";
 import { BrainConsumption } from "./BrainConsumption";
 import { DateComponent } from "./Date";
 import BrainSpaceChart from "./Graphs/BrainSpaceChart";

frontend/app/user/page.tsx

@@ -1,11 +1,11 @@
 "use client";
+import Spinner from "@/lib/components/ui/Spinner";
 import { useAxios } from "@/lib/useAxios";
 import { redirect } from "next/navigation";
 import { useEffect, useState } from "react";
-import Spinner from "../components/ui/Spinner";
+import { UserStats } from "../../lib/types/User";
 import { useSupabase } from "../supabase-provider";
 import { UserStatistics } from "./components/UserStatistics";
-import { UserStats } from "./types";
 
 export default function UserPage() {
   const [userStats, setUserStats] = useState<UserStats>();

frontend/lib/components/NavBar/components/NavItems/components/AuthButtons.tsx

@@ -1,4 +1,4 @@
-import Button from "@/app/components/ui/Button";
+import Button from "@/lib/components/ui/Button";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 

frontend/lib/components/NavBar/components/NavItems/components/DarkModeToggle.tsx

@@ -1,7 +1,7 @@
 "use client";
+import Button from "@/lib/components/ui/Button";
 import { FC, useEffect, useLayoutEffect, useState } from "react";
 import { MdDarkMode, MdLightMode } from "react-icons/md";
-import Button from "../../../../ui/Button";
 
 export const DarkModeToggle: FC = () => {
   const [dark, setDark] = useState(false);

frontend/lib/components/NavBar/components/NavItems/index.tsx

@@ -1,10 +1,10 @@
 "use client";
 import { useSupabase } from "@/app/supabase-provider";
+import Button from "@/lib/components/ui/Button";
 import { cn } from "@/lib/utils";
 import Link from "next/link";
 import { Dispatch, FC, HTMLAttributes, SetStateAction } from "react";
 import { MdPerson, MdSettings } from "react-icons/md";
-import Button from "../../../ui/Button";
 import { AuthButtons } from "./components/AuthButtons";
 import { DarkModeToggle } from "./components/DarkModeToggle";
 import { NavLink } from "./components/NavLink";

frontend/lib/components/NavBar/index.tsx

@@ -4,7 +4,7 @@ import { FC } from "react";
 import { Header } from "./components/Header";
 import { Logo } from "./components/Logo";
 import { MobileMenu } from "./components/MobileMenu";
-import { NavItems } from "./components/NavItems/";
+import { NavItems } from "./components/NavItems";
 
 export const NavBar: FC = () => {
   return (

frontend/lib/context/ChatsProvider/hooks/useChats.ts

@@ -4,7 +4,7 @@ import { useAxios } from "@/lib/useAxios";
 import { UUID } from "crypto";
 import { useRouter } from "next/navigation";
 import { useCallback, useEffect, useState } from "react";
-import { Chat, ChatMessage } from "../../types";
+import { Chat, ChatMessage } from "../../../types/Chat";
 
 export default function useChats() {
   const [allChats, setAllChats] = useState<Chat[]>([]);

frontend/lib/context/ChatsProvider/hooks/useSpeech.ts

@@ -1,5 +1,5 @@
+import { isSpeechRecognitionSupported } from "@/lib/helpers/isSpeechRecognitionSupported";
 import { useEffect, useState } from "react";
-import { isSpeechRecognitionSupported } from "../../helpers/isSpeechRecognitionSupported";
 import useChatsContext from "./useChatsContext";
 
 export const useSpeech = () => {

frontend/lib/hooks/useToast.ts

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { ToastContext } from "../../app/components/ui/Toast/domain/ToastContext";
+import { ToastContext } from "../components/ui/Toast/domain/ToastContext";
 
 export const useToast = () => {
   const { publish } = useContext(ToastContext);