fix(workspace): remove redundant buttons in workspace detail page
This commit is contained in:
@@ -273,38 +273,6 @@ export default function WorkspaceDetail() {
|
||||
{workspace.description || t.workspace?.noDescription}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
{canViewReports && (
|
||||
<button
|
||||
onClick={() => openWorkspaceRoute('/reports')}
|
||||
className="inline-flex w-full h-11 items-center justify-center rounded-xl border border-slate-200 bg-slate-50 px-4 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200 dark:hover:border-slate-600 dark:hover:bg-slate-700"
|
||||
>
|
||||
{t.workspace?.openReports || 'Open reports'}
|
||||
</button>
|
||||
)}
|
||||
<div className="flex w-full items-center gap-2">
|
||||
{canEdit && (
|
||||
<button
|
||||
onClick={() => navigate(`/workspaces/${id}/edit`)}
|
||||
className="inline-flex w-full h-11 items-center justify-center gap-2 rounded-xl border px-4 text-sm font-semibold transition bg-blue-50 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400 border-blue-200 hover:border-blue-300 hover:bg-blue-100 dark:border-blue-900/60 dark:hover:bg-blue-900/30"
|
||||
>
|
||||
<Edit2 className="h-4 w-4" />
|
||||
<span className="lg:hidden">{t.actions?.edit || 'Edit'}</span>
|
||||
</button>
|
||||
)}
|
||||
{canDelete && (
|
||||
<button
|
||||
onClick={handleDelete}
|
||||
className="inline-flex w-full h-11 items-center justify-center gap-2 rounded-xl border border-red-200 bg-red-50 px-4 text-sm font-semibold text-red-700 transition hover:border-red-300 hover:bg-red-100 dark:border-red-900/60 dark:bg-red-900/20 dark:text-red-300 dark:hover:bg-red-900/30"
|
||||
>
|
||||
<Trash2 className="h-4 w-4" />
|
||||
<span className="lg:hidden">{t.actions?.delete || 'Delete'}</span>
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -389,9 +357,10 @@ export default function WorkspaceDetail() {
|
||||
{canEdit && (
|
||||
<button
|
||||
onClick={() => navigate(`/workspaces/${id}/edit`)}
|
||||
className="inline-flex h-10 items-center justify-center rounded-xl border border-slate-200 bg-slate-50 px-4 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200 dark:hover:border-slate-600 dark:hover:bg-slate-700"
|
||||
className="inline-flex gap-2 h-10 items-center justify-center rounded-xl border border-slate-200 bg-slate-50 px-4 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200 dark:hover:border-slate-600 dark:hover:bg-slate-700"
|
||||
>
|
||||
{t.workspace?.manageMembers || 'Manage members'}
|
||||
<Edit2 className="h-4 w-4" />
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user