update orders page

This commit is contained in:
NotII
2025-04-21 15:32:08 +01:00
parent 68b5aebc17
commit b4bae9ae18

View File

@@ -35,6 +35,7 @@ interface Storefront {
shipsFrom: typeof SHIPPING_REGIONS[number]["value"]; shipsFrom: typeof SHIPPING_REGIONS[number]["value"];
shipsTo: typeof SHIPPING_REGIONS[number]["value"]; shipsTo: typeof SHIPPING_REGIONS[number]["value"];
storePolicy: string; storePolicy: string;
isEnabled: boolean;
wallets: { wallets: {
bitcoin?: string; bitcoin?: string;
litecoin: string; litecoin: string;
@@ -83,6 +84,7 @@ export default function StorefrontPage() {
shipsFrom: "UK", shipsFrom: "UK",
shipsTo: "WW", shipsTo: "WW",
storePolicy: "", storePolicy: "",
isEnabled: false,
wallets: { wallets: {
bitcoin: '', bitcoin: '',
litecoin: '', litecoin: '',
@@ -121,6 +123,7 @@ export default function StorefrontPage() {
shipsFrom: data.shipsFrom || "UK", shipsFrom: data.shipsFrom || "UK",
shipsTo: data.shipsTo || "WW", shipsTo: data.shipsTo || "WW",
storePolicy: data.storePolicy || "", storePolicy: data.storePolicy || "",
isEnabled: data.isEnabled || false,
wallets: { wallets: {
bitcoin: data.wallets?.bitcoin || '', bitcoin: data.wallets?.bitcoin || '',
litecoin: data.wallets?.litecoin || '', litecoin: data.wallets?.litecoin || '',
@@ -145,7 +148,7 @@ export default function StorefrontPage() {
const handleInputChange = ( const handleInputChange = (
e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement> e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
) => { ) => {
setStorefront({ ...storefront, [e.target.name]: e.target.value }); setStorefront(prev => ({ ...prev, [e.target.name]: e.target.value }));
}; };
const saveStorefront = async () => { const saveStorefront = async () => {
@@ -164,10 +167,37 @@ export default function StorefrontPage() {
<Dashboard> <Dashboard>
<div className="space-y-6"> <div className="space-y-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h1 className="text-2xl font-semibold text-gray-900 dark:text-white flex items-center"> <div className="flex items-center gap-6">
<Globe className="mr-2 h-6 w-6" /> <h1 className="text-2xl font-semibold text-gray-900 dark:text-white flex items-center">
Storefront Settings <Globe className="mr-2 h-6 w-6" />
</h1> Storefront Settings
</h1>
<div className="flex items-center gap-2">
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div className="flex items-center gap-2">
<Switch
checked={storefront.isEnabled}
onCheckedChange={(checked) =>
setStorefront((prev) => ({
...prev,
isEnabled: checked,
}))
}
/>
<span className={`text-sm font-medium ${storefront.isEnabled ? 'text-emerald-400' : 'text-zinc-400'}`}>
{storefront.isEnabled ? 'Store Open' : 'Store Closed'}
</span>
</div>
</TooltipTrigger>
<TooltipContent>
<p>{storefront.isEnabled ? 'Click to close store' : 'Click to open store'}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</div>
<div className="flex gap-2"> <div className="flex gap-2">
<Button <Button
variant="outline" variant="outline"