orchetera/template/src/pages/Metadata/AccountsMenu.jsx

Welcome to **Orchetera** — your orchestration tool to kickstart Firebase-ready projects with ease!

import { AccountCircle, ExitToApp, Settings } from "@mui/icons-material";
import { getAuth, signOut } from "firebase/auth";
import Swal from "sweetalert2";

const handleLogout = async () => {
  try {
    const auth = getAuth();
    await signOut(auth);

    await Swal.fire({
      title: "Logout Berhasil!",
      text: "Anda telah keluar dari sistem",
      icon: "success",
      confirmButtonText: "OK",
      timer: 3000,
      timerProgressBar: true,
    });
  } catch (error) {
    await Swal.fire({
      title: "Gagal Logout",
      text: error.message,
      icon: "error",
      confirmButtonText: "OK",
    });
  }
};

const accountsMenu = [
  {
    name: "Profil",
    icon: <AccountCircle />,
    onClick: () => console.log("Profil diklik"),
  },
  {
    name: "Pengaturan",
    icon: <Settings />,
    onClick: () => console.log("Pengaturan diklik"),
  },
  {
    name: "Keluar",
    icon: <ExitToApp color="error" />,
    onClick: () =>
      Swal.fire({
        title: "Yakin ingin logout?",
        text: "Anda perlu login kembali untuk mengakses sistem",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#d33",
        cancelButtonColor: "#3085d6",
        confirmButtonText: "Ya, Logout!",
        cancelButtonText: "Batal",
      }).then((result) => {
        if (result.isConfirmed) {
          handleLogout();
        }
      }),
    sx: { color: "error.main" },
  },
];

export default accountsMenu;