admin/hspguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add API service button

Browse Source
This commit is contained in:
Amir Adal
2025-05-31 10:14:22 +02:00
parent 639575dae0
commit 54581742dc
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/pages/ApiServices/index.tsx
View File

@ -1,4 +1,6 @@
import { Button } from "@/components/ui/button";
import { useAdmin } from "@/store/admin"; import { useAdmin } from "@/store/admin";
import { Plus } from "lucide-react";
import { useEffect, type FC } from "react"; import { useEffect, type FC } from "react";
import { Link } from "react-router"; import { Link } from "react-router";
@ -48,10 +50,14 @@ const ApiServicesPage: FC = () => {
return ( return (
<div className="relative overflow-x-auto flex flex-col w-full h-full"> <div className="relative overflow-x-auto flex flex-col w-full h-full">
<div className="p-4"> <div className="p-4 flex flex-row items-center justify-between">
<p className="text-gray-800 dark:text-gray-300">Search...</p> <p className="text-gray-800 dark:text-gray-300">Search...</p>
<Button className="flex flex-row items-center gap-2">
<Plus /> Add API Service
</Button>
</div> </div>
<table className="relative min-w-full flex-1 border-l-0 border border-gray-700 dark:border-gray-800 border-collapse divide-y divide-gray-200 dark:divide-gray-800">
{loading && ( {loading && (
<div className="absolute inset-0 z-10 flex items-center justify-center bg-white/60 dark:bg-gray-900/60 backdrop-blur-sm"> <div className="absolute inset-0 z-10 flex items-center justify-center bg-white/60 dark:bg-gray-900/60 backdrop-blur-sm">
<div className="text-gray-800 dark:text-gray-200 font-medium"> <div className="text-gray-800 dark:text-gray-200 font-medium">
@ -60,7 +66,6 @@ const ApiServicesPage: FC = () => {
</div> </div>
)} )}
<table className="min-w-full flex-1 border-l-0 border border-gray-700 dark:border-gray-800 border-collapse divide-y divide-gray-200 dark:divide-gray-800">
<thead className="bg-black/5 dark:bg-white/5"> <thead className="bg-black/5 dark:bg-white/5">
<tr> <tr>
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700 dark:text-white/70 border border-l-0 border-gray-700 dark:border-gray-800"> <th className="px-6 py-3 text-left text-sm font-semibold text-gray-700 dark:text-white/70 border border-l-0 border-gray-700 dark:border-gray-800">