15
16// DatabaseContent component
17function DatabaseContent({ data }: { data: Action[] }) {
18 return (
19 <pre className="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-md overflow-auto dark:text-white border border-gray-200 dark:border-gray-700">{JSON.stringify(data, null, 2)}</pre>
21}
22
23// Function to determine status badge style
24function getStatusBadgeStyle(status: string, isDarkMode: boolean) {
25 const baseStyle = "px-2 py-1 rounded-full text-xs font-medium";
26 switch (status) {
45
46// Main App component
47function App() {
48 const [actions, setActions] = useState<Action[]>([]);
49 const [editingAction, setEditingAction] = useState<Action | null>(null);
230}
231
232function client() {
233 createRoot(document.getElementById("root")!).render(<App />);
234}
238}
239
240export default async function server(request: Request): Promise<Response> {
241 const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
242 const SCHEMA_VERSION = 1;
20];
21
22function App() {
23 const [noClicks, setNoClicks] = useState(0);
24 const [isValentine, setIsValentine] = useState(false);
105}
106
107function client() {
108 createRoot(document.getElementById("root")).render(<App />);
109}
110if (typeof document !== "undefined") { client(); }
111
112export default async function server(request: Request): Promise<Response> {
113 return new Response(
114 `
13];
14
15function App() {
16 const [noClicks, setNoClicks] = useState(0);
17 const [isValentine, setIsValentine] = useState(false);
98}
99
100function client() {
101 createRoot(document.getElementById("root")).render(<App />);
102}
103if (typeof document !== "undefined") { client(); }
104
105export default async function server(request: Request): Promise<Response> {
106 return new Response(
107 `
13];
14
15function App() {
16 const [noClicks, setNoClicks] = useState(0);
17 const [isValentine, setIsValentine] = useState(false);
98}
99
100function client() {
101 createRoot(document.getElementById("root")).render(<App />);
102}
103if (typeof document !== "undefined") { client(); }
104
105export default async function server(request: Request): Promise<Response> {
106 return new Response(
107 `
13];
14
15function App() {
16 const [noClicks, setNoClicks] = useState(0);
17 const [isValentine, setIsValentine] = useState(false);
98}
99
100function client() {
101 createRoot(document.getElementById("root")).render(<App />);
102}
103if (typeof document !== "undefined") { client(); }
104
105export default async function server(request: Request): Promise<Response> {
106 return new Response(
107 `
13];
14
15function App() {
16 const [noClicks, setNoClicks] = useState(0);
17 const [isValentine, setIsValentine] = useState(false);
98}
99
100function client() {
101 createRoot(document.getElementById("root")).render(<App />);
102}
103if (typeof document !== "undefined") { client(); }
104
105export default async function server(request: Request): Promise<Response> {
106 return new Response(
107 `
16];
17
18function App() {
19 const [noClicks, setNoClicks] = useState(0);
20 const [isValentine, setIsValentine] = useState(false);
101}
102
103function client() {
104 createRoot(document.getElementById("root")).render(<App />);
105}
106if (typeof document !== "undefined") { client(); }
107
108export default async function server(request: Request): Promise<Response> {
109 return new Response(
110 `
18];
19
20function App() {
21 const [noClicks, setNoClicks] = useState(0);
22 const [isValentine, setIsValentine] = useState(false);
111}
112
113function client() {
114 createRoot(document.getElementById("root")).render(<App />);
115}
116if (typeof document !== "undefined") { client(); }
117
118export default async function server(request: Request): Promise<Response> {
119 return new Response(
120 `
21];
22
23function App() {
24 const [noClicks, setNoClicks] = useState(0);
25 const [isValentine, setIsValentine] = useState(false);
106}
107
108function client() {
109 createRoot(document.getElementById("root")).render(<App />);
110}
111if (typeof document !== "undefined") { client(); }
112
113export default async function server(request: Request): Promise<Response> {
114 return new Response(
115 `
28];
29
30function App() {
31 const [noClicks, setNoClicks] = useState(0);
32 const [isValentine, setIsValentine] = useState(false);
113}
114
115function client() {
116 createRoot(document.getElementById("root")).render(<App />);
117}
118if (typeof document !== "undefined") { client(); }
119
120export default async function server(request: Request): Promise<Response> {
121 return new Response(
122 `
