fahed/marketing-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add delete button inside brand edit modal
All checks were successful
Deploy / deploy (push) Successful in 12s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
fahed
2026-03-09 14:28:38 +03:00
parent 64e377060f
commit 539c204bde
1 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
client/src/pages/Brands.jsx
View File

@@ -297,20 +297,30 @@ export default function Brands() {
</div> </div>
)} )}
<div className="flex items-center justify-end gap-3 pt-4 border-t border-border"> <div className="flex items-center justify-between pt-4 border-t border-border">
<button {editingBrand && isSuperadminOrManager ? (
onClick={() => { setShowModal(false); setEditingBrand(null) }} <button
className="px-4 py-2 text-sm font-medium text-text-secondary hover:bg-surface-tertiary rounded-lg" onClick={() => { setShowModal(false); setBrandToDelete(editingBrand); setShowDeleteModal(true) }}
> className="px-3 py-2 text-sm font-medium text-red-600 hover:bg-red-50 rounded-lg transition-colors"
{t('common.cancel')} >
</button> {t('common.delete')}
<button </button>
onClick={saveBrand} ) : <div />}
disabled={!brandForm.name} <div className="flex items-center gap-3">
className="px-5 py-2 bg-brand-primary text-white rounded-lg text-sm font-medium hover:bg-brand-primary-light disabled:opacity-50 disabled:cursor-not-allowed shadow-sm" <button
> onClick={() => { setShowModal(false); setEditingBrand(null) }}
{t('common.save')} className="px-4 py-2 text-sm font-medium text-text-secondary hover:bg-surface-tertiary rounded-lg"
</button> >
{t('common.cancel')}
</button>
<button
onClick={saveBrand}
disabled={!brandForm.name}
className="px-5 py-2 bg-brand-primary text-white rounded-lg text-sm font-medium hover:bg-brand-primary-light disabled:opacity-50 disabled:cursor-not-allowed shadow-sm"
>
{t('common.save')}
</button>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>