Anjing Webshells

Website : rimsha.abasa.com

: / var / www / talha_silentcontent / src / components /

Filename : APIDashboardSelection.tsx

back

"use client"
import { useEffect, useState } from "react"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select"
import axios from "axios"

function APIDashboardSelection() {

    const [apiKeys, setApiKeys] = useState([]);

    useEffect(() => {
        const fetchAPIKeys = async() => {
            const response = await axios.get('/api/keys');
            setApiKeys(response.data.data.API_Keys)
        }
        fetchAPIKeys();
      }, [])
 

      return (
        apiKeys.length !== 0 && (
          <div>
            <Select>
              <SelectTrigger>
                <SelectValue placeholder="API Key" />
              </SelectTrigger>
              <SelectContent>
                {apiKeys.map((apikey, index) => (
                  <SelectItem key={index} value={apikey}>
                    {apikey}
                  </SelectItem>
                ))}
              </SelectContent>
            </Select>
          </div>
        )
      );
}
export default APIDashboardSelection