gsadmin/sencho
1
0
Fork 0
mirror of https://github.com/Studio-Saelix/sencho.git synced 2026-07-27 04:11:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: refactor API calls in NotificationSettingsModal and StackAlertSheet components to use apiFetch

Browse Source
This commit is contained in:
SaelixCode
2026-02-26 23:40:58 -05:00
parent c6eb9d76e7
commit 701495f015
2 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/NotificationSettingsModal.tsx
+6 -8
View File
@@ -13,6 +13,7 @@ import { Button } from '@/components/ui/button';
import { Label } from '@/components/ui/label';
import { Slider } from '@/components/ui/slider';
import { toast } from 'sonner';
import { apiFetch } from '@/lib/api';
interface Agent {
type: 'discord' | 'slack' | 'webhook';
@@ -51,7 +52,7 @@ export function NotificationSettingsModal({ isOpen, onClose }: NotificationSetti
const fetchAgents = async () => {
try {
const res = await fetch('/api/agents');
const res = await apiFetch('/agents');
if (res.ok) {
const data: Agent[] = await res.json();
const newAgents = { ...agents };
@@ -67,7 +68,7 @@ export function NotificationSettingsModal({ isOpen, onClose }: NotificationSetti
const fetchSettings = async () => {
try {
const res = await fetch('/api/settings');
const res = await apiFetch('/settings');
if (res.ok) {
const data = await res.json();
setSettings(prev => ({ ...prev, ...data }));
@@ -91,9 +92,8 @@ export function NotificationSettingsModal({ isOpen, onClose }: NotificationSetti
const saveAgent = async (type: string) => {
setIsLoading(true);
try {
const res = await fetch('/api/agents', {
const res = await apiFetch('/agents', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(agents[type])
});
if (res.ok) {
@@ -115,9 +115,8 @@ export function NotificationSettingsModal({ isOpen, onClose }: NotificationSetti
}
setIsLoading(true);
try {
const res = await fetch('/api/notifications/test', {
const res = await apiFetch('/notifications/test', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ type, url: agents[type].url })
});
if (res.ok) {
@@ -137,9 +136,8 @@ export function NotificationSettingsModal({ isOpen, onClose }: NotificationSetti
setIsLoading(true);
try {
for (const [key, value] of Object.entries(settings)) {
await fetch('/api/settings', {
await apiFetch('/settings', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ key, value })
});
}
frontend/src/components/StackAlertSheet.tsx
+4 -4
View File
@@ -18,6 +18,7 @@ import {
} from '@/components/ui/select';
import { Trash2 } from 'lucide-react';
import { toast } from 'sonner';
import { apiFetch } from '@/lib/api';
interface StackAlert {
id?: number;
@@ -54,7 +55,7 @@ export function StackAlertSheet({ isOpen, onClose, stackName }: StackAlertSheetP
const fetchAlerts = async () => {
try {
const res = await fetch(`/api/alerts?stackName=${stackName}`);
const res = await apiFetch(`/alerts?stackName=${stackName}`);
if (res.ok) {
const data = await res.json();
setAlerts(data);
@@ -81,9 +82,8 @@ export function StackAlertSheet({ isOpen, onClose, stackName }: StackAlertSheetP
};
try {
const res = await fetch('/api/alerts', {
const res = await apiFetch('/alerts', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(newAlert)
});
if (res.ok) {
@@ -103,7 +103,7 @@ export function StackAlertSheet({ isOpen, onClose, stackName }: StackAlertSheetP
const deleteAlert = async (id: number) => {
setIsLoading(true);
try {
const res = await fetch(`/api/alerts/${id}`, { method: 'DELETE' });
const res = await apiFetch(`/alerts/${id}`, { method: 'DELETE' });
if (res.ok) {
toast.success('Alert rule deleted.');
fetchAlerts();