Remove footer ads banner section

README.md

@@ -80,13 +80,12 @@ We welcome contributions from the community! If you find a bug or have an idea f
 This is the todo list to complete for version 1.
 
 - [ ] Add errors management
-- [ ] Update user leaderboard status design
-- [ ] Add features private profile and profile view count
+- [ ] Add skeleton and waiting loading animation or style when fetching data
+- [ ] Update UI design
+- [x] Add features private profile and profile view count
 - [ ] Apply pagination and limiting fetching for comments from Firebase
 - [ ] Add blogs system
-- [ ] Add user friend system
 - [ ] Add point gift system to send points from one account to another
-- [ ] Avatar system that users can buy avatars with their points
 
 ## License
 

src/components/mobile-side-bar.tsx

@@ -2,31 +2,20 @@
 
 import React from "react";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
 import Link from "next/link";
 import { Button } from "./ui/button";
-import { Goal, Home, Medal, Menu, Store, User, X } from "lucide-react";
+import { Goal, Home, Medal, Menu, Store, User } from "lucide-react";
 import Image from "next/image";
 import { usePathname } from "next/navigation";
 import { cn } from "@/lib/utils";
 import { Badge } from "./ui/badge";
-import ActionTooltip from "./action-tooltip";
-import { useFooterCardStore } from "@/store/use-footer-card-store";
-import AdsCard from "./ads-card";
 
 type MobileSideBarProps = {
   completedQuestsLength: number;
 };
 
 const MobileSideBar = ({ completedQuestsLength }: MobileSideBarProps) => {
   const pathname = usePathname();
-  const { isOpen, close } = useFooterCardStore();
 
   return (
     <Sheet>
@@ -97,7 +86,6 @@ const MobileSideBar = ({ completedQuestsLength }: MobileSideBarProps) => {
             Profile
           </Link>
         </nav>
-        {isOpen && <AdsCard />}
       </SheetContent>
     </Sheet>
   );

src/components/side-bar.tsx

@@ -3,23 +3,18 @@
 import { Goal, Home, Medal, Store, User, X } from "lucide-react";
 import Link from "next/link";
 import React from "react";
-import { Button } from "./ui/button";
-import { Card, CardDescription, CardHeader, CardTitle } from "./ui/card";
 import Image from "next/image";
 import { usePathname } from "next/navigation";
 import { cn } from "@/lib/utils";
 import { Badge } from "./ui/badge";
-import ActionTooltip from "./action-tooltip";
 import { useFooterCardStore } from "@/store/use-footer-card-store";
-import AdsCard from "./ads-card";
 
 type SideBarProps = {
   completedQuestsLength: number;
 };
 
 const SideBar = ({ completedQuestsLength }: SideBarProps) => {
   const pathname = usePathname();
-  const { isOpen, close } = useFooterCardStore();
 
   return (
     <div className=" hidden border-r bg-muted/40 md:block">
@@ -85,7 +80,6 @@ const SideBar = ({ completedQuestsLength }: SideBarProps) => {
             </Link>
           </nav>
         </div>
-        {isOpen && <AdsCard />}
       </div>
     </div>
   );