feat: default json

Author: AykutSarac

src/features/editor/Toolbar/index.tsx

@@ -84,14 +84,14 @@ export const Toolbar = ({ isWidget = false }: ToolbarProps) => {
         {!isWidget && (
           <Button
             variant="gradient"
-            gradient={{ from: "teal", to: "blue", deg: 45 }}
+            gradient={{ from: "purple", to: "violet", deg: 45 }}
             autoContrast
             size="compact-sm"
             fz="12"
             fw="600"
             onClick={() => setVisible("UpgradeModal", true)}
           >
-            JSON Crack v2.0 🔥
+            🔥 JSON Crack v2.0
           </Button>
         )}
         {!isWidget && (

src/features/modals/UpgradeModal/index.tsx

@@ -24,33 +24,36 @@ export const UpgradeContent = (props: FlexProps) => {
 
   return (
     <Flex direction="column" gap="0" {...props}>
-      <Flex gap="xl">
+      <Flex gap="sm">
         <List
+          center
           icon={
             <ThemeIcon color="green" variant="transparent">
               <LuCheck />
             </ThemeIcon>
           }
         >
           <List.Item>Load larger datasets (100x more)</List.Item>
-          <List.Item>See parent-child relationships</List.Item>
           <List.Item>Modify data from diagrams</List.Item>
+          <List.Item>Clean and fast layout</List.Item>
         </List>
         <List
+          center
           icon={
             <ThemeIcon color="green" variant="transparent">
               <LuCheck />
             </ThemeIcon>
           }
         >
-          <List.Item>Customization options</List.Item>
-          <List.Item>Improved UI & Tools</List.Item>
+          <List.Item>Customize colors</List.Item>
+          <List.Item>Improved UI & More tools</List.Item>
           <List.Item>
             <Anchor
               href="https://chromewebstore.google.com/detail/todiagram/gpcnkpjdmgihedngamkhendifclghjhn"
               rel="noopener"
               target="_blank"
               inherit
+              c="teal"
             >
               Chrome Extension
             </Anchor>
@@ -97,7 +100,7 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
         <Flex align="center" gap="4">
           <Logo />
           <Text fz="lg" fw="600">
-            Upgrade to New Editor
+            JSON Crack 2.0 - Professional Edition
           </Text>
         </Flex>
       }
@@ -112,8 +115,8 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
           rel="noopener"
           target="_blank"
         >
-          <Button onClick={handleCloseModal} color="gray" variant="outline">
-            Open Editor &rarr;
+          <Button onClick={handleCloseModal} color="teal">
+            Try Now &rarr;
           </Button>
         </Link>
       </Group>

src/store/useFile.ts

@@ -9,46 +9,39 @@ import { contentToJson, jsonToContent } from "../lib/utils/jsonAdapter";
 import useConfig from "./useConfig";
 import useJson from "./useJson";
 
-const defaultJson = JSON.stringify(
-  {
-    orderId: "A12345",
-    customer: {
-      name: "Jane Doe",
-      email: "[email protected]",
-      address: {
-        street: "123 Main St",
-        city: "New York",
-        state: "NY",
-        zipCode: "10001",
+const defaultJson = JSON.stringify({
+  fruits: [
+    {
+      name: "Apple",
+      color: "Red",
+      nutrients: {
+        calories: 52,
+        fiber: "2.4g",
+        vitaminC: "4.6mg",
       },
-      isMember: true,
     },
-    products: [
-      {
-        productId: "P001",
-        name: "Wireless Mouse",
-        quantity: 2,
-        price: 25.5,
-        image: "https://example.com/wireless-mouse.jpg",
-        color: "#3498db",
+    {
+      name: "Banana",
+      color: "Yellow",
+      nutrients: {
+        calories: 89,
+        fiber: "2.6g",
+        potassium: "358mg",
       },
-      {
-        productId: "P002",
-        name: "Keyboard",
-        quantity: 1,
-        price: 45,
-        image: "https://example.com/keyboard.jpg",
-        color: "#2ecc71",
+    },
+    {
+      name: "Orange",
+      color: "Orange",
+      nutrients: {
+        calories: 47,
+        fiber: "2.4g",
+        vitaminC: "53.2mg",
       },
-    ],
-    orderDate: "2025-01-02T10:15:30Z",
-    status: "Processing",
-    isPaid: false,
-    totalAmount: 96,
-  },
-  null,
-  2
-);
+    },
+    null,
+    2,
+  ],
+});
 
 type SetContents = {
   contents?: string;