wisecolt/Wisecolt-CI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source
This commit is contained in:
sbilketay
2025-11-26 22:24:21 +03:00
parent b6dfe5546e
commit c19351f434
2 changed files with 7 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/DashboardLayout.tsx
View File

@@ -6,10 +6,9 @@ import { Button } from "./ui/button";
import { ThemeToggle } from "./ThemeToggle"; import { ThemeToggle } from "./ThemeToggle";
import { useAuth } from "../providers/auth-provider"; import { useAuth } from "../providers/auth-provider";
import { cn } from "../lib/utils"; import { cn } from "../lib/utils";
import { apiClient } from "../api/client";
export function DashboardLayout() { export function DashboardLayout() {
const { user, token, logout } = useAuth(); const { user, logout } = useAuth();
const navigate = useNavigate(); const navigate = useNavigate();
const [isLoggingOut, setIsLoggingOut] = useState(false); const [isLoggingOut, setIsLoggingOut] = useState(false);
@@ -21,8 +20,6 @@ export function DashboardLayout() {
[] []
); );
const socketUrl = useMemo(() => apiClient.defaults.baseURL || window.location.origin, []);
const handleLogout = () => { const handleLogout = () => {
setIsLoggingOut(true); setIsLoggingOut(true);
logout(); logout();
@@ -45,8 +42,8 @@ export function DashboardLayout() {
cn( cn(
"flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition", "flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition",
isActive isActive
? "bg-primary text-primary-foreground shadow-sm" ? "bg-accent text-foreground shadow-sm"
: "text-muted-foreground hover:bg-accent hover:text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"
) )
} }
> >
@@ -77,16 +74,6 @@ export function DashboardLayout() {
<main className="flex-1"> <main className="flex-1">
<div className="mx-auto flex max-w-5xl flex-col gap-6 px-4 py-8 sm:px-6 lg:px-8"> <div className="mx-auto flex max-w-5xl flex-col gap-6 px-4 py-8 sm:px-6 lg:px-8">
<header className="flex items-center justify-between rounded-md border border-border bg-card/60 px-4 py-3">
<div>
<div className="text-sm uppercase tracking-wide text-muted-foreground">Proje</div>
<div className="text-lg font-semibold text-foreground">Wisecolt CI</div>
</div>
<div className="text-xs text-muted-foreground">
Bağlantı: <span className="font-mono text-foreground">{socketUrl}</span>
</div>
</header>
<div className="grid gap-6"> <div className="grid gap-6">
<Outlet /> <Outlet />
</div> </div>

8
frontend/src/pages/JobsPage.tsx
View File

@@ -187,19 +187,19 @@ export function JobsPage() {
<Button <Button
variant="outline" variant="outline"
size="icon" size="icon"
className="h-10 w-10" className="h-10 w-10 transition hover:bg-emerald-100"
onClick={() => handleEdit(job)} onClick={() => handleEdit(job)}
> >
<FontAwesomeIcon icon={faPen} className="h-4 w-4" /> <FontAwesomeIcon icon={faPen} className="h-4 w-4 text-foreground" />
</Button> </Button>
<Button <Button
variant="outline" variant="outline"
size="icon" size="icon"
className="h-10 w-10" className="h-10 w-10 transition hover:bg-red-100"
disabled={deletingId === job._id} disabled={deletingId === job._id}
onClick={() => handleDelete(job._id)} onClick={() => handleDelete(job._id)}
> >
<FontAwesomeIcon icon={faTrash} className="h-4 w-4 text-destructive" /> <FontAwesomeIcon icon={faTrash} className="h-4 w-4 text-foreground" />
</Button> </Button>
</div> </div>
</div> </div>