Dwinzo-Beta
/
Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added 2d 3d view

This commit is contained in:
Nalvazhuthi 2025-03-26 10:03:43 +05:30
parent 1d91d9c4a2
commit 932ab54631
1 changed files with 97 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/src/components/ui/Tools.tsx
View File

@ -78,13 +78,11 @@ const Tools: React.FC = () => {
return (
<div className="tools-container">
{!isPlaying && (
<div className="drop-down-icons">
<div className="activeDropicon">
{activeSubTool == "cursor" && (
<div
className={`tool-button ${
activeTool === "cursor" ? "active" : ""
className={`tool-button ${activeTool === "cursor" ? "active" : ""
}`}
onClick={() => {
setActiveTool("cursor");
@ -95,8 +93,7 @@ const Tools: React.FC = () => {
)}
{activeSubTool == "free-hand" && (
<div
className={`tool-button ${
activeTool === "free-hand" ? "active" : ""
className={`tool-button ${activeTool === "free-hand" ? "active" : ""
}`}
onClick={() => {
setActiveTool("free-hand");
@ -151,7 +148,6 @@ const Tools: React.FC = () => {
)}
</div>
</div>
)}
{!toggleThreeD && activeModule === "builder" && (
<>
<div className="split"></div>
@ -210,7 +206,7 @@ const Tools: React.FC = () => {
</div>
</>
)}
{activeModule === "visualization" && !isPlaying && (
{activeModule === "visualization" && (
<>
<div className="split"></div>
<div className="draw-tools">
@ -229,14 +225,10 @@ const Tools: React.FC = () => {
</div>
</>
)}
{!isPlaying && (
<>
<div className="split"></div>
<div className="general-options">
<div
className={`tool-button ${
activeTool === "comment" ? "active" : ""
}`}
className={`tool-button ${activeTool === "comment" ? "active" : ""}`}
onClick={() => {
setActiveTool("comment");
}}
@ -256,9 +248,7 @@ const Tools: React.FC = () => {
<div className="split"></div>
<div
className={`toggle-threed-button${toggleThreeD ? " toggled" : ""}`}
onClick={() => {
setToggleThreeD(!toggleThreeD);
}}
onClick={toggleSwitch}
>
<div className={`toggle-option${!toggleThreeD ? " active" : ""}`}>
2d
@ -267,13 +257,6 @@ const Tools: React.FC = () => {
3d
</div>
</div>
</>
)}
{isPlaying && (
<div className="exitPlay" onClick={() => setIsPlaying(false)}>
X
</div>
)}
</div>
);
};