lms/bootstrap/ssr/assets/settings-DVGc4Bp-.js
2025-12-15 12:26:23 +01:00

88 lines
3.8 KiB
JavaScript

import { jsx, jsxs } from "react/jsx-runtime";
import { T as Tabs } from "./tabs-DgXFE6Gu.js";
import { T as TabsList, a as TabsTrigger, b as TabsContent } from "./tabs-DmCK9qzK.js";
import { D as DashboardLayout } from "./layout-Cf9mPjOS.js";
import { g as getQueryParams } from "./route-DlE7FdTW.js";
import { usePage, router } from "@inertiajs/react";
import Mollie from "./mollie-9sN72I4a.js";
import Paypal from "./paypal-mWOIqSTE.js";
import Paystack from "./paystack-BpWYPgCg.js";
import Stripe from "./stripe-BNDoR6Eb.js";
import "react";
import "@radix-ui/react-tabs";
import "./utils-DLCPGU0v.js";
import "clsx";
import "tailwind-merge";
import "./sidebar-C1tqSfnl.js";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "lucide-react";
import "./button-CdJZJLGw.js";
import "./separator-CSqU-rrB.js";
import "@radix-ui/react-separator";
import "./sheet-BOQ-e9_C.js";
import "@radix-ui/react-dialog";
import "./tooltip-BYKuzaoQ.js";
import "@radix-ui/react-tooltip";
import "./main-BKBelQb-.js";
import "next-themes";
import "sonner";
import "./appearance-BJIqrZL5.js";
import "./dropdown-menu-msun3TP8.js";
import "@radix-ui/react-dropdown-menu";
import "./language-mewnB-2r.js";
import "./notification-Bg6IzWOo.js";
import "./popover-Cv6Hz_y0.js";
import "@radix-ui/react-popover";
import "date-fns";
import "./scroll-area-CDdrLubh.js";
import "@radix-ui/react-scroll-area";
import "./app-logo-DWyi5bLn.js";
import "./accordion-cIAfVfPq.js";
import "@radix-ui/react-accordion";
import "./avatar-C8iCpF5R.js";
import "@radix-ui/react-avatar";
import "./use-lang-44ndmTOc.js";
import "./input-error-D1JIzedA.js";
import "./loading-button-CCIxhJrY.js";
import "./switch-ad-BDGs-.js";
import "./switch-CEzDpTwE.js";
import "@radix-ui/react-switch";
import "./card-B-gBwpxd.js";
import "./input-BsvJqbcd.js";
import "./label-0rIIfpX0.js";
import "@radix-ui/react-label";
import "./select-BYx0MCUK.js";
import "@radix-ui/react-select";
import "./inertia-BtwbgBI3.js";
const Settings = ({ instructor }) => {
const page = usePage();
const params = getQueryParams(page.url);
const components = [Paypal, Stripe, Mollie, Paystack];
const tabs = instructor.payout_methods.map((payment, index) => ({
...payment,
Component: components[index] ?? /* @__PURE__ */ jsx("div", { children: "No component found" })
}));
return /* @__PURE__ */ jsx("section", { className: "px-3 py-6", children: /* @__PURE__ */ jsxs(Tabs, { value: params["tab"] ?? tabs[0].sub_type, className: "grid grid-rows-1 gap-5 md:grid-cols-4", children: [
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(TabsList, { className: "border-border bg-card text-card-foreground grid h-auto grid-cols-1 space-y-0.5 overflow-hidden rounded-2xl border px-0 py-3 shadow", children: tabs.map(({ id, title, sub_type }) => /* @__PURE__ */ jsx(
TabsTrigger,
{
value: sub_type,
className: "border-primary data-[state=active]:!bg-muted hover:bg-secondary data-[state=active]:before:bg-primary relative flex cursor-pointer items-center justify-start gap-3 rounded-none px-6 py-2.5 text-start !shadow-none before:absolute before:top-0 before:bottom-0 before:left-0 before:rounded-r-xl data-[state=active]:before:w-1 data-[state=active]:before:content-['.']",
onClick: () => router.get(
route("payouts.settings.index", {
tab: sub_type
})
),
children: title
},
id
)) }) }),
/* @__PURE__ */ jsx("div", { className: "md:col-span-3", children: tabs.map((payment) => /* @__PURE__ */ jsx(TabsContent, { value: payment.sub_type, className: "m-0", children: /* @__PURE__ */ jsx(payment.Component, { payment }) }, payment.id)) })
] }) });
};
Settings.layout = (page) => /* @__PURE__ */ jsx(DashboardLayout, { children: page });
export {
Settings as default
};