Layout.jsx
import React from "react";
import { Link } from "react-router-dom";
import { createPageUrl } from "@/utils";
export default function Layout({ children }) {
return (
<div>
<header style={{ background: "#16a34a", color: "white", padding: "20px" }}>
<h1>Parent Whisperer</h1>
<nav>
<Link to={createPageUrl("Home")}>Home</Link>
<Link to={createPageUrl("Backup")}>Backup</Link>
</nav>
</header>
<main style={{ padding: "20px" }}>
{children}
</main>
</div>
);
}entities/User.json
{
"properties": {
"subscription_tier": {
"type": "string",
"enum": ["none", "day", "monthly", "yearly"]
},
"subscription_expires_at": {
"type": "string",
"format": "date-time"
},
"is_subscribed": {
"type": "boolean",
"default": false
}
}
}