MAO commited on
Commit
1e7f25c
·
1 Parent(s): 7072bc0

UI Update: Remove Template link and reposition Delete button

Browse files
Files changed (1) hide show
  1. src/App.jsx +2 -9
src/App.jsx CHANGED
@@ -484,14 +484,7 @@ export default function App() {
484
  </div>
485
 
486
  <div className="flex items-center space-x-3">
487
- <a
488
- href="./drawingPaperTemplate.html"
489
- target="_blank"
490
- rel="noopener noreferrer"
491
- className="flex items-center gap-2 px-3 py-1.5 bg-purple-600 hover:bg-purple-500 rounded text-xs font-medium transition-all text-white no-underline"
492
- >
493
- Template
494
- </a>
495
  <div className="flex space-x-2">
496
  <label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors border border-gray-600">
497
  <Upload size={14} /> <span>Image A</span>
@@ -504,6 +497,7 @@ export default function App() {
504
  </div>
505
  <div className="w-px h-6 bg-gray-700 mx-1"></div>
506
  <button onClick={addRegion} className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 hover:bg-blue-500 rounded text-xs font-medium transition-all"><Plus size={14} /> New Region</button>
 
507
 
508
  <div className="flex space-x-2">
509
  <label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors">
@@ -513,7 +507,6 @@ export default function App() {
513
  <button onClick={exportJson} className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded text-xs transition-colors"><Save size={14} /> Export JSON</button>
514
  </div>
515
 
516
- {selectedRegionId && <button onClick={() => deleteRegion(selectedRegionId)} className="flex items-center gap-2 px-3 py-1.5 bg-red-900/30 text-red-300 hover:bg-red-900/50 rounded border border-red-800/40 text-xs transition-colors"><Trash2 size={14} /> Delete</button>}
517
 
518
  <div className="w-px h-6 bg-gray-700 mx-1"></div>
519
 
 
484
  </div>
485
 
486
  <div className="flex items-center space-x-3">
487
+
 
 
 
 
 
 
 
488
  <div className="flex space-x-2">
489
  <label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors border border-gray-600">
490
  <Upload size={14} /> <span>Image A</span>
 
497
  </div>
498
  <div className="w-px h-6 bg-gray-700 mx-1"></div>
499
  <button onClick={addRegion} className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 hover:bg-blue-500 rounded text-xs font-medium transition-all"><Plus size={14} /> New Region</button>
500
+ {selectedRegionId && <button onClick={() => deleteRegion(selectedRegionId)} className="flex items-center gap-2 px-3 py-1.5 bg-red-900/30 text-red-300 hover:bg-red-900/50 rounded border border-red-800/40 text-xs transition-colors"><Trash2 size={14} /> Delete</button>}
501
 
502
  <div className="flex space-x-2">
503
  <label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors">
 
507
  <button onClick={exportJson} className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded text-xs transition-colors"><Save size={14} /> Export JSON</button>
508
  </div>
509
 
 
510
 
511
  <div className="w-px h-6 bg-gray-700 mx-1"></div>
512