import React from "react"; import { XMarkIcon } from "@heroicons/react/24/outline"; import { Button, IconButton, Switch, Typography, Chip, } from "@material-tailwind/react"; import { useMaterialTailwindController, setOpenConfigurator, setSidenavColor, setSidenavType, setFixedNavbar, } from "@/context"; function formatNumber(number, decPlaces) { decPlaces = Math.pow(10, decPlaces); const abbrev = ["K", "M", "B", "T"]; for (let i = abbrev.length - 1; i >= 0; i--) { var size = Math.pow(10, (i + 1) * 3); if (size <= number) { number = Math.round((number * decPlaces) / size) / decPlaces; if (number == 1000 && i < abbrev.length - 1) { number = 1; i++; } number += abbrev[i]; break; } } return number; } export function Configurator() { const [controller, dispatch] = useMaterialTailwindController(); const { openConfigurator, sidenavColor, sidenavType, fixedNavbar } = controller; const [stars, setStars] = React.useState(0); const sidenavColors = { white: "from-gray-100 to-gray-100 border-gray-200", dark: "from-black to-black border-gray-200", green: "from-green-400 to-green-600", orange: "from-orange-400 to-orange-600", red: "from-red-400 to-red-600", pink: "from-pink-400 to-pink-600", }; React.useEffect(() => { const stars = fetch( "https://api.github.com/repos/creativetimofficial/material-tailwind-dashboard-react" ) .then((response) => response.json()) .then((data) => setStars(formatNumber(data.stargazers_count, 1))); }, []); return ( ); } Configurator.displayName = "/src/widgets/layout/configurator.jsx"; export default Configurator;