Merge branch 'main' of http://192.168.1.163:3000/inmake/irth-new-client

2025-04-29 19:13:49 +05:00
parent 5b09ff703b c3c77a47d6
commit 8af3ed8f5e
4 changed files with 83 additions and 1 deletions
@@ -1,5 +1,49 @@
+import clsx from 'clsx';
+import ProjectSelect from '../components/ProjectSelect';
+import { projects } from '../data/projects';
+import Select from '../components/ui/Select';
+import Button from '../components/ui/Button';
+import ChartIcon from '../components/icons/ChartIcon';
+
 function FavouritesPage() {
-  return <div>FavouritesPage</div>;
+  return (
+    <div className='flex flex-col gap-6'>
+      <div
+        className={clsx(
+          '2xl:p-[2.222vw] md:max-2xl:p-6 p-4 bg-white 2xl:rounded-b-[1.667vw] rounded-b-3xl 2xl:space-y-[2.222vw] md:max-2xl:space-y-8 space-y-4',
+          '2xl:px-[2.222vw] md:max-2xl:px-6 px-4'
+        )}
+      >
+        <div className='2xl:space-y-[1.111vw] space-y-4'>
+          <p className='2xl:text-[2.222vw] md:max-2xl:text-[32px] text-2xl font-semibold leading-[135%]'>
+            Favorites
+          </p>
+          <ProjectSelect
+            projects={projects}
+            onSelect={() => {}}
+            defaultProject={projects[0]}
+          />
+        </div>
+      </div>
+      <div className='px-8'>
+      <div className='flex gap-4'>
+        <Select
+          options={['All', 'Favorites']}
+          onSelect={() => {}}
+          defaultOption='All'
+          className='w-[22.778vw]'
+        />
+        <Button variant='secondary' size='large' className='text-black'>
+          <div className='2xl:w-[1.667vw] 2xl:h-[1.667vw] w-6 h-6'>
+            <ChartIcon />
+          </div>
+          <p className='text-m leading-0'>Compare</p>
+        </Button>
+      </div>
+      </div>
+      
+    </div>
+  );
 }

 export default FavouritesPage;