From 1edb3574bd0254dab78038e9b226d70135720f02 Mon Sep 17 00:00:00 2001 From: Emir Karabeg Date: Tue, 7 Jan 2025 01:59:30 -0800 Subject: [PATCH] Finished tabs for basic and advanced in toolbar and will work on building block UI --- app/favicon.ico | Bin 0 -> 15406 bytes app/globals.css | 115 +++++++++++------- app/layout.tsx | 32 ++--- app/page.tsx | 3 + .../workflows => w/[id]}/page.tsx | 0 .../workflows => w/[id]}/workflows.tsx | 2 +- app/w/components/desktop-toolbar.tsx | 28 +++++ .../components/nav-item.tsx | 0 app/{(workspace) => w}/components/search.tsx | 0 app/w/components/toolbar-tabs.tsx | 44 +++++++ app/{(workspace) => w}/components/user.tsx | 0 app/{(workspace) => w}/layout.tsx | 80 +++++------- app/{(workspace) => w}/providers.tsx | 6 +- components/ui/tabs.tsx | 55 +++++++++ package-lock.json | 31 +++++ package.json | 1 + public/logo.svg | 5 + public/placeholder-user.jpg | Bin 0 -> 1635 bytes 18 files changed, 282 insertions(+), 120 deletions(-) create mode 100644 app/favicon.ico create mode 100644 app/page.tsx rename app/{(workspace)/workflows => w/[id]}/page.tsx (100%) rename app/{(workspace)/workflows => w/[id]}/workflows.tsx (75%) create mode 100644 app/w/components/desktop-toolbar.tsx rename app/{(workspace) => w}/components/nav-item.tsx (100%) rename app/{(workspace) => w}/components/search.tsx (100%) create mode 100644 app/w/components/toolbar-tabs.tsx rename app/{(workspace) => w}/components/user.tsx (100%) rename app/{(workspace) => w}/layout.tsx (69%) rename app/{(workspace) => w}/providers.tsx (56%) create mode 100644 components/ui/tabs.tsx create mode 100644 public/logo.svg create mode 100644 public/placeholder-user.jpg diff --git a/app/favicon.ico b/app/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..348ecc9aa6e6b17c7a26fd6632c18d68a6548dfd GIT binary patch literal 15406 zcmeI33ydCB700Jg>vrz!qqW$IT2_fzizcNtjloAYij=AlA8b?}TD9GsJG)!k#2BNZ zh{QrgQDZHrD1r^~8H_+hf{CPpTE$8cRJ0lc2Cc>-7A%%tf9KA3=bN3*cd3T=R zdCTCT2qofl9+f|H;+St1O`cdxo1SI7&GWN@jCb*I#t%PglzxQgky29O0pshBNEs)` z1bU1zPZ||nVfw>2nSTAod?HWjPg&mna6?jFg?AwHCih+S6kg=q;rNUS?;-6A$@k#Y z$zVA%`Bvc?GdOl~@(r()Nxrk?mEMZH2a`~@Y%_?Pn#}&pK5>W?cn)!`#ZcDyg#Q+=t<>2dO23o#xf?nJmCu{i z`Ts@6ZpOy>RpZz^XY+je^fmAwhD^@~H=-L_5 zb;$T7^duxQkFchEELZ=aem**6of1CAceFv;B9FJ5G~-P@-OBPqX$ON14w%8o=VfJ> zAl%r}jeh<4Zsvuotn9bQLiV;qexRq0;tBMZTKR`fFgcRV@AaGdjUYd62NhkDm51$j z#QOFBj6bn5oA18M>{6PCOzetmX#>5($#c&t{l*)a%NV*GzF*OXYg{?^MD|+p_CS{z zZ}fPV?w(Sop7g6|3D{-bkv?>@lk1-7Wj$&2U3@i{?w&pCm$@*WkHmhrI=SvCX)XPS z%+SP1F5Nw6RsVvGOPyZ#>{)izIs51B>p?|13$*{gn$ zgRl1@JC6^o6BmBk&ny@lqz%q9YVsx1GFl(q>DR0BWb~4T?N+7w|Mgi}U>E;Ao};_; ztFp54zOmaoZ2QFH|C3oBu&qt<{csO!K0By-e)w6>pnkHR$My3k*JdT#wO7{Zm`C__ zv)4Jt$eu&irWp}s{fXBh>t~5vgW+0k*#Qsl=9q+DyCC~->xa_ zSK{$(V?TdjOv~INb6k@obC#^z+tGcx^|`u?WlG)H_bg>TybP=lLN3nZ=Ed1~5~pHc zsPrcUOO?IT`9{5WF*djX+y|lAz*?r`pvA&^p2k@8F8d>V!0q6cI9*yUaW4Hg?D0ED z{Ne^E{4F{kh9o|k)-684Hj}eIPS?Y(UqSdb%I?pUe-Il;jOPp!Y&g~QPcCbOg7M|} zPG_Qrb=>ybbR8aMpMS1kOk+;Jo1slZl$Cf{y1(zI+*^&u-em^kC@sH}cN1yOOb5+o!5h( z^QVOWKKk8@i};&PxAs)w{Rtky)<1rBkzU4aX#8}32tU=1inRiJWG>%`+{e$Q#aJlv3Fh19(3-OcJt}A7v zY(dOWWHgR{@r9}tUq6OFr_ma>znlvP`g83*LEl!XuTbGSaQzEh5~umQ#MTS(i%+AhZzyZyBk-;-^G%w@Z*3%dG`SZb=ksz0#mkT3 zTVC#B!E+wt_KS9{=WM8`u9jbX`G(i87#H_fBu?GI{@ePOmbdzTOZWBtrd(S%SWAC_3JGEk|vnzm<=}Q>`coH{ZsjmX%*EbsfH;TO zdGnN{-9z2ZmU?z8ziEE6kTWY4{uqpT*xejUp5B#rkFaTcRr0~be^PY%yhhH-{z{to zv-0ldBDpg)RwZvX^KHLZ`fFfh&9pehZ@pda`w~Nb74Nr_?%D+&csuy-$86QX{trp% z@3(D?y#xJmFwV2Y-EQ*IZSXz0S2tVus`SX+7^B9o2V>g)JIxS2ypY^Ao1S;A8L9s7 zO_km{^Rc)5CoA3miNm}9;UqD683P9;Zc?Z2I%JtX?ox`M*S52pbJ9=g`@3Y1QHRbt zWwg$#*f-hp9yeCg*d^X}Klslni&@o)sasjHw`0zEHT``@tM7=<{ZIRDebVvQR_*_~ o)mb+`^UZPg95!IjZ_je0v+OyXoQZb0f2tePF?q)) { return ( - - {children} - + {children} - ); + ) } diff --git a/app/page.tsx b/app/page.tsx new file mode 100644 index 0000000000..8f5129010b --- /dev/null +++ b/app/page.tsx @@ -0,0 +1,3 @@ +export default function Home() { + return
Hello World
+} diff --git a/app/(workspace)/workflows/page.tsx b/app/w/[id]/page.tsx similarity index 100% rename from app/(workspace)/workflows/page.tsx rename to app/w/[id]/page.tsx diff --git a/app/(workspace)/workflows/workflows.tsx b/app/w/[id]/workflows.tsx similarity index 75% rename from app/(workspace)/workflows/workflows.tsx rename to app/w/[id]/workflows.tsx index 7bdf1de4a3..f4fc6ce8eb 100644 --- a/app/(workspace)/workflows/workflows.tsx +++ b/app/w/[id]/workflows.tsx @@ -1,7 +1,7 @@ export default function Workflows() { return (
-

Workflows

+ <>
) } diff --git a/app/w/components/desktop-toolbar.tsx b/app/w/components/desktop-toolbar.tsx new file mode 100644 index 0000000000..84262dde78 --- /dev/null +++ b/app/w/components/desktop-toolbar.tsx @@ -0,0 +1,28 @@ +'use client' + +import { useState } from 'react' +import { ToolbarTabs } from './toolbar-tabs' + +export function DesktopToolbar() { + const [activeTab, setActiveTab] = useState<'basic' | 'advanced'>('basic') + + return ( +
+ + +
+ {activeTab === 'basic' ? ( +
+ {/* Basic tab content */} + Basic Content Here +
+ ) : ( +
+ {/* Advanced tab content */} + Advanced Content Here +
+ )} +
+
+ ) +} diff --git a/app/(workspace)/components/nav-item.tsx b/app/w/components/nav-item.tsx similarity index 100% rename from app/(workspace)/components/nav-item.tsx rename to app/w/components/nav-item.tsx diff --git a/app/(workspace)/components/search.tsx b/app/w/components/search.tsx similarity index 100% rename from app/(workspace)/components/search.tsx rename to app/w/components/search.tsx diff --git a/app/w/components/toolbar-tabs.tsx b/app/w/components/toolbar-tabs.tsx new file mode 100644 index 0000000000..a822675b97 --- /dev/null +++ b/app/w/components/toolbar-tabs.tsx @@ -0,0 +1,44 @@ +'use client' + +interface ToolbarTabsProps { + activeTab: 'basic' | 'advanced' + onTabChange: (tab: 'basic' | 'advanced') => void +} + +export function ToolbarTabs({ activeTab, onTabChange }: ToolbarTabsProps) { + return ( +
+
+ + +
+ +
+
+
+
+
+ ) +} diff --git a/app/(workspace)/components/user.tsx b/app/w/components/user.tsx similarity index 100% rename from app/(workspace)/components/user.tsx rename to app/w/components/user.tsx diff --git a/app/(workspace)/layout.tsx b/app/w/layout.tsx similarity index 69% rename from app/(workspace)/layout.tsx rename to app/w/layout.tsx index 58ebd72e6b..46d8c245a5 100644 --- a/app/(workspace)/layout.tsx +++ b/app/w/layout.tsx @@ -10,6 +10,7 @@ import { Settings, PanelLeft, Package2, + Plus, } from 'lucide-react' import { Tooltip, @@ -17,7 +18,12 @@ import { TooltipTrigger, } from '@/components/ui/tooltip' import { Button } from '@/components/ui/button' -import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet' +import { + Sheet, + SheetContent, + SheetTrigger, + SheetTitle, +} from '@/components/ui/sheet' import { Breadcrumb, BreadcrumbItem, @@ -28,6 +34,9 @@ import { } from '@/components/ui/breadcrumb' import { SearchInput } from './components/search' import { User } from './components/user' +import Image from 'next/image' +import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs' +import { DesktopToolbar } from './components/desktop-toolbar' export default function WorkspaceLayout({ children, @@ -37,13 +46,13 @@ export default function WorkspaceLayout({ return (
- -
+
+ + +
+
- - -
{children} @@ -59,31 +68,29 @@ function DesktopNav() {