refactor(ui): standardize operation page actions

This commit is contained in:
poyrazavsever
2026-07-17 22:13:36 +03:00
parent c6eecf29ed
commit a642314786
7 changed files with 114 additions and 130 deletions
+11 -16
View File
@@ -261,9 +261,6 @@ export default function SettingsPage() {
<h1 className="text-3xl font-semibold tracking-normal text-foreground">
Ayarlar
</h1>
<p className="mt-1 max-w-2xl text-sm text-muted-foreground">
Workspace markanızı, profilinizi, görünümü ve sistem tercihlerinizi yönetin.
</p>
</div>
</div>
@@ -273,18 +270,16 @@ export default function SettingsPage() {
{tabs.map((tab) => {
const Icon = tab.icon;
return (
<button
<Button effect="shine"
key={tab.name}
type="button"
variant={activeTab === tab.name ? "default" : "secondary"}
onClick={() => setActiveTab(tab.name)}
className={`flex shrink-0 items-center gap-3 px-4 py-3 rounded-md text-sm font-medium transition-colors text-left ${
activeTab === tab.name
? "bg-primary/10 text-primary"
: "text-muted-foreground hover:bg-muted hover:text-foreground"
}`}
className="h-auto shrink-0 justify-start gap-3 px-4 py-3 text-left"
>
<Icon className="h-4 w-4" />
{tab.name}
</button>
</Button>
)
})}
</div>
@@ -448,7 +443,7 @@ export default function SettingsPage() {
</section>
<div className="flex items-center gap-3 border-t border-border pt-6">
<Button type="submit" loading={isSavingBranding} className="gap-2">
<Button variant="default" effect="shine" type="submit" loading={isSavingBranding} className="gap-2">
<Upload className="h-4 w-4" aria-hidden="true" />
Genel ayarları kaydet
</Button>
@@ -561,7 +556,7 @@ export default function SettingsPage() {
</div>
<div className="flex items-center gap-4 pt-4">
<Button type="submit" className="gap-2">
<Button variant="default" effect="shine" type="submit" className="gap-2">
<Save className="h-4 w-4" /> Profili Kaydet
</Button>
</div>
@@ -584,7 +579,7 @@ export default function SettingsPage() {
<Input id="password" name="password" type="password" minLength={8} placeholder="En az 8 karakter" required />
</div>
<div className="flex items-center gap-4 pt-4">
<Button type="submit" className="gap-2">
<Button variant="default" effect="shine" type="submit" className="gap-2">
<Save className="h-4 w-4" /> Şifreyi Güncelle
</Button>
</div>
@@ -644,7 +639,7 @@ export default function SettingsPage() {
)}
<div className="flex items-center gap-4 pt-4">
<Button onClick={handleSaveAI} className="gap-2">
<Button variant="default" effect="shine" onClick={handleSaveAI} className="gap-2">
<Save className="h-4 w-4" /> Ayarları Kaydet
</Button>
</div>
@@ -725,9 +720,9 @@ function BrandingAssetField({
className="cursor-pointer"
/>
{hasCustomAsset ? (
<Button
<Button effect="shine"
type="button"
variant="ghost"
variant="secondary"
size="sm"
disabled={disabled}
onClick={() => onRemove(asset)}