mirror of
https://github.com/kjanat/livedash-node.git
synced 2026-01-16 13:52:16 +01:00
Kaj Kowalski
93fbb44eec
Major code quality overhaul addressing 58% of all linting issues: • Type Safety Improvements: - Replace all any types with proper TypeScript interfaces - Fix Map component shadowing (renamed to CountryMap) - Add comprehensive custom error classes system - Enhance API route type safety • Accessibility Enhancements: - Add explicit button types to all interactive elements - Implement useId() hooks for form element accessibility - Add SVG title attributes for screen readers - Fix static element interactions with keyboard handlers • React Best Practices: - Resolve exhaustive dependencies warnings with useCallback - Extract nested component definitions to top level - Fix array index keys with proper unique identifiers - Improve component organization and prop typing • Code Organization: - Automatic import organization and type import optimization - Fix unused function parameters and variables - Enhanced error handling with structured error responses - Improve component reusability and maintainability Results: 248 → 104 total issues (58% reduction) - Fixed all critical type safety and security issues - Enhanced accessibility compliance significantly - Improved code maintainability and performance
89 lines
2.5 KiB
TypeScript
89 lines
2.5 KiB
TypeScript
"use client";
|
|
import type { Session } from "next-auth";
|
|
import { useState } from "react";
|
|
import type { Company } from "../../lib/types";
|
|
|
|
interface DashboardSettingsProps {
|
|
company: Company;
|
|
session: Session;
|
|
}
|
|
|
|
export default function DashboardSettings({
|
|
company,
|
|
session,
|
|
}: DashboardSettingsProps) {
|
|
const [csvUrl, setCsvUrl] = useState<string>(company.csvUrl);
|
|
const [csvUsername, setCsvUsername] = useState<string>(
|
|
company.csvUsername || ""
|
|
);
|
|
const [csvPassword, setCsvPassword] = useState<string>("");
|
|
const [sentimentThreshold, setSentimentThreshold] = useState<string>(
|
|
company.sentimentAlert?.toString() || ""
|
|
);
|
|
const [message, setMessage] = useState<string>("");
|
|
|
|
async function handleSave() {
|
|
const res = await fetch("/api/dashboard/settings", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
body: JSON.stringify({
|
|
csvUrl,
|
|
csvUsername,
|
|
csvPassword,
|
|
sentimentThreshold,
|
|
}),
|
|
});
|
|
if (res.ok) setMessage("Settings saved!");
|
|
else setMessage("Failed.");
|
|
}
|
|
|
|
if (session.user.role !== "ADMIN") return null;
|
|
|
|
return (
|
|
<div className="bg-white p-6 rounded-xl shadow mb-6">
|
|
<h2 className="font-bold text-lg mb-4">Company Config</h2>
|
|
<form
|
|
className="grid gap-4"
|
|
onSubmit={(e) => {
|
|
e.preventDefault();
|
|
handleSave();
|
|
}}
|
|
>
|
|
<input
|
|
className="border px-3 py-2 rounded"
|
|
placeholder="CSV URL"
|
|
value={csvUrl}
|
|
onChange={(e) => setCsvUrl(e.target.value)}
|
|
autoComplete="url"
|
|
/>
|
|
<input
|
|
className="border px-3 py-2 rounded"
|
|
placeholder="CSV Username"
|
|
value={csvUsername}
|
|
onChange={(e) => setCsvUsername(e.target.value)}
|
|
autoComplete="username"
|
|
/>
|
|
<input
|
|
className="border px-3 py-2 rounded"
|
|
type="password"
|
|
placeholder="CSV Password"
|
|
value={csvPassword}
|
|
onChange={(e) => setCsvPassword(e.target.value)}
|
|
autoComplete="new-password"
|
|
/>
|
|
<input
|
|
className="border px-3 py-2 rounded"
|
|
placeholder="Sentiment Alert Threshold"
|
|
type="number"
|
|
value={sentimentThreshold}
|
|
onChange={(e) => setSentimentThreshold(e.target.value)}
|
|
/>
|
|
<button type="submit" className="bg-blue-600 text-white rounded py-2">
|
|
Save Settings
|
|
</button>
|
|
<div>{message}</div>
|
|
</form>
|
|
</div>
|
|
);
|
|
}
|