2 lines
2.3 KiB
JavaScript
2 lines
2.3 KiB
JavaScript
import{r as s,j as t}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{u as x,T as o,P as m}from"./main-af3pcbZa.js";import{C as u}from"./Card-CAsJMMfR.js";import{B as h}from"./Badge-DM3morB7.js";function f(){const r=x(),[c,d]=s.useState([]),[n,a]=s.useState(!0);s.useEffect(()=>{i()},[]);const i=async()=>{try{a(!0);const e=await o("/v1/auth/subscriptions/");d(e.results||[])}catch(e){r.error(`Failed to load subscriptions: ${e.message}`)}finally{a(!1)}},l=e=>{switch(e){case"active":return"success";case"past_due":return"warning";case"canceled":return"error";default:return"primary"}};return t.jsxs("div",{className:"p-6",children:[t.jsx(m,{title:"Subscriptions"}),t.jsxs("div",{className:"mb-6",children:[t.jsx("h1",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:"Subscriptions"}),t.jsx("p",{className:"text-gray-600 dark:text-gray-400 mt-1",children:"Manage account subscriptions"})]}),n?t.jsx("div",{className:"flex items-center justify-center h-64",children:t.jsx("div",{className:"text-gray-500",children:"Loading..."})}):t.jsx(u,{className:"p-6",children:t.jsx("div",{className:"overflow-x-auto",children:t.jsxs("table",{className:"w-full",children:[t.jsx("thead",{children:t.jsxs("tr",{className:"border-b border-gray-200 dark:border-gray-700",children:[t.jsx("th",{className:"text-left py-3 px-4 text-sm font-medium text-gray-700 dark:text-gray-300",children:"Account"}),t.jsx("th",{className:"text-left py-3 px-4 text-sm font-medium text-gray-700 dark:text-gray-300",children:"Status"}),t.jsx("th",{className:"text-left py-3 px-4 text-sm font-medium text-gray-700 dark:text-gray-300",children:"Period Start"}),t.jsx("th",{className:"text-left py-3 px-4 text-sm font-medium text-gray-700 dark:text-gray-300",children:"Period End"})]})}),t.jsx("tbody",{children:c.map(e=>t.jsxs("tr",{className:"border-b border-gray-100 dark:border-gray-800",children:[t.jsx("td",{className:"py-3 px-4 text-sm text-gray-900 dark:text-white",children:e.account_name}),t.jsx("td",{className:"py-3 px-4",children:t.jsx(h,{variant:"light",color:l(e.status),children:e.status})}),t.jsx("td",{className:"py-3 px-4 text-sm text-gray-600 dark:text-gray-400",children:new Date(e.current_period_start).toLocaleDateString()}),t.jsx("td",{className:"py-3 px-4 text-sm text-gray-600 dark:text-gray-400",children:new Date(e.current_period_end).toLocaleDateString()})]},e.id))})]})})})]})}export{f as default};
|