feat: Projektkarten-Aktionen nur als Icons (Bearbeiten/Hosten/Aktualisieren)

Aktualisieren-Button ohne Text-Label, konsistent zur Toolbar; Spinner
auch beim Hosten. Tooltips via title/aria-label.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Claude
2026-07-12 18:04:41 +00:00
parent 5270084ff0
commit 5786eed3ba

View File

@@ -543,22 +543,24 @@ export default function ProjectsPage() {
<button <button
type="button" type="button"
className="btn btn-dark" className="btn btn-dark"
style={{ padding: '6px 12px', fontSize: '13px' }} style={{ padding: '8px 12px' }}
onClick={() => openEdit(project)} onClick={() => openEdit(project)}
title="Bearbeiten" title="Bearbeiten"
aria-label="Bearbeiten"
> >
<FaPen /> Bearbeiten <FaPen />
</button> </button>
{needsHosting ? ( {needsHosting ? (
<button <button
type="button" type="button"
className="btn btn-teal" className="btn btn-teal"
style={{ padding: '6px 12px', fontSize: '13px' }} style={{ padding: '8px 12px' }}
onClick={() => handleHostNow(project)} onClick={() => handleHostNow(project)}
disabled={hostBusyId === project.$id} disabled={hostBusyId === project.$id}
title="Projekt jetzt deployen/hosten" title="Projekt jetzt deployen/hosten"
aria-label="Projekt jetzt deployen/hosten"
> >
<FaGlobe /> {hostBusyId === project.$id ? 'Hosten…' : 'Jetzt hosten'} <FaGlobe style={hostBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined} />
</button> </button>
) : ( ) : (
<PreviewLinkButton href={project.previewUrl} /> <PreviewLinkButton href={project.previewUrl} />
@@ -567,15 +569,15 @@ export default function ProjectsPage() {
<button <button
type="button" type="button"
className="btn btn-dark" className="btn btn-dark"
style={{ padding: '6px 12px', fontSize: '13px' }} style={{ padding: '8px 12px' }}
onClick={() => handleRefresh(project)} onClick={() => handleRefresh(project)}
disabled={refreshBusyId === project.$id} disabled={refreshBusyId === project.$id}
title="Projekt neu deployen / Website neu laden" title="Aktualisieren Website neu deployen"
aria-label="Aktualisieren Website neu deployen"
> >
<FaArrowsRotate <FaArrowsRotate
style={refreshBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined} style={refreshBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined}
/>{' '} />
{refreshBusyId === project.$id ? 'Aktualisiere…' : 'Aktualisieren'}
</button> </button>
)} )}
<GiteaLinkButton href={project.giteaRepoUrl} /> <GiteaLinkButton href={project.giteaRepoUrl} />