Skip to content

Commit

Permalink
re-add accidentally deleted changes
Browse files Browse the repository at this point in the history
  • Loading branch information
HumorousBrine committed Nov 28, 2023
1 parent 151311a commit f8cc940
Showing 1 changed file with 36 additions and 24 deletions.
60 changes: 36 additions & 24 deletions client/src/components/Toolbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,33 +26,45 @@ export default function Toolbar({ selectedTool, setSelectedTool }: Props) {
return (
<div className="bg-surface-050/50 border-2 border-surface-100 rounded-xl backdrop-blur-xl flex flex-col fixed left-4 top-64 z-30">
<div className="grid grid-cols-1 gap-1 p-1">
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isPointer ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Pointer)}
>
{isPointer ? <Cursor24Filled /> : <Cursor24Regular />}
</button>
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isMove ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Move)}
>
{isMove ? <ArrowMove24Filled /> : <ArrowMove24Regular />}
</button>
<a data-tooltip-id='select' data-tooltip-content='Select' data-tooltip-place='right'>
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isPointer ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Pointer)}
>
{isPointer ? <Cursor24Filled /> : <Cursor24Regular />}
</button>
</a>
<Tooltip id='select'/>
<a data-tooltip-id='move' data-tooltip-content='Move' data-tooltip-place='right'>
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isMove ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Move)}
>
{isMove ? <ArrowMove24Filled /> : <ArrowMove24Regular />}
</button>
</a>
<Tooltip id='move'/>
</div>
<span className="border-t-2 border-surface-100" />
<div className="grid grid-cols-1 gap-1 p-1">
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isTask ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Task)}
>
{isTask ? <SlideAdd24Filled /> : <SlideAdd24Regular />}
</button>
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isArrow ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Arrow)}
>
{isArrow ? <ArrowFlowUpRight24Filled /> : <ArrowFlowUpRight24Regular />}
</button>
<a data-tooltip-id='addtask' data-tooltip-content='Add Task' data-tooltip-place='right'>
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isTask ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Task)}
>
{isTask ? <SlideAdd24Filled /> : <SlideAdd24Regular />}
</button>
</a>
<Tooltip id='addtask'/>
<a data-tooltip-id='addarrow' data-tooltip-content='Add Arrow' data-tooltip-place='right'>
<button
className={`p-1 rounded-lg hover:bg-surface-100 ${isArrow ? 'bg-surface-100' : ''}`}
onClick={() => setSelectedTool(Tool.Arrow)}
>
{isArrow ? <ArrowFlowUpRight24Filled /> : <ArrowFlowUpRight24Regular />}
</button>
</a>
<Tooltip id='addarrow'/>
</div>
</div>
);
Expand Down

0 comments on commit f8cc940

Please sign in to comment.