import useSWR from "swr"; import Head from "next/head"; import dynamic from "next/dynamic"; import { ThemeProvider } from "utils/theme-context"; import ServicesGroup from "components/services/group"; import BookmarksGroup from "components/bookmarks/group"; import Widget from "components/widget"; import { ColorProvider } from "utils/color-context"; import Search from "components/widgets/search/search"; const ThemeToggle = dynamic(() => import("components/theme-toggle"), { ssr: false, }); const ColorToggle = dynamic(() => import("components/color-toggle"), { ssr: false, }); const rightAlignedWidgets = ["weatherapi", "openweathermap", "weather", "search"]; const expandedWidgets = ["search"]; export default function Home() { const { data: services, error: servicesError } = useSWR("/api/services"); const { data: bookmarks, error: bookmarksError } = useSWR("/api/bookmarks"); const { data: widgets, error: widgetsError } = useSWR("/api/widgets"); return ( Welcome
{widgets && ( <> {widgets .filter((widget) => !rightAlignedWidgets.includes(widget.type)) .map((widget, i) => ( ))}
{widgets .filter((widget) => rightAlignedWidgets.includes(widget.type)) .map((widget, i) => ( ))}
)}
{services && (
{services.map((group) => ( ))}
)} {bookmarks && (
{bookmarks.map((group) => ( ))}
)}
); }