All files / src/components/Settings ApiSection.tsx

0% Statements 0/9
100% Branches 0/0
0% Functions 0/2
0% Lines 0/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27                                                     
import React from "react";
import SettingsTitle from "./SettingsTitle.tsx";
import CustomButton from "../common/CustomButton/index.tsx";
import { useNavigate } from "react-router-dom";
import { OpenInNewRounded } from "@mui/icons-material";
 
function ApiSection() {
  const navigate = useNavigate();
  const handleNavigateToApiSection = () => {
    navigate("/settings/api-keys");
  };
 
  return (
    <section className="border-b pb-4 mb-4">
      <SettingsTitle title="API Tokens" />
      <div className="mt-2">
        <CustomButton onClick={handleNavigateToApiSection}>
          <OpenInNewRounded />
          Manage API Tokens
        </CustomButton>
      </div>
    </section>
  );
}
 
export default ApiSection;