hot-fix/redirect-user #11

Merged
Yussif merged 2 commits from hot-fix/redirect-user into staging 2025-04-27 22:06:29 +00:00
2 changed files with 7 additions and 3 deletions

View File

@ -1,3 +1,4 @@
'use client'
import React from 'react';
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import {
@ -21,8 +22,6 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Input } from '@/components/ui/input';
import Image from "next/image";
const CategoryHeading = ({ title }: { title: string }) => (
<div className="mb-2 mt-5 text-xs font-thin text-gray-100 ">
{title}
@ -30,6 +29,8 @@ const CategoryHeading = ({ title }: { title: string }) => (
);
const Sidebar = () => {
return (
<div className='w-full md:w-[376px] h-full bg-[#181923] flex sticky pr-2 md:pr-4'>
<Tabs defaultValue="text" className="h-full w-full flex flex-row gap-1 md:gap-2">
@ -115,8 +116,11 @@ const Sidebar = () => {
<TabsContent value="elements" className='relative w-full h-full flex flex-col overflow-y-auto no-scrollbar p-2 md:p-4'>
<CategoryHeading title="Graphics" />
<div className='grid grid-cols-3 w-full flex-wrap gap-3 md:gap-5 justify-between'>
<a href="/marketplace/artists">
<ActionButtons icon={<Images size="18" color="#ffffff" />} label="Stock Photo" isGhost={false} buttonWidth={65} />
<ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65} />
</a>
<a href="/marketplace/advertisers">
<ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65} /> </a>
<ActionButtons icon={<Shapes size="18" color="#ffffff" />} label="Shapes" isGhost={false} buttonWidth={65} />
<ActionButtons icon={<Gift size="18" color="#ffffff" />} label="Gif" isGhost={false} buttonWidth={65} />
<ActionButtons icon={<Sticker size="18" color="#ffffff" />} label="Sticker" isGhost={false} buttonWidth={65} />