feat: update node modal

Author: AykutSarac

src/features/editor/Toolbar/index.tsx

@@ -56,7 +56,6 @@ export const Toolbar = () => {
             <JSONCrackLogo fontSize="0.8rem" hideLogo />
           </Flex>
         </StyledToolElement>
-
         <Select
           defaultValue="json"
           size="xs"
@@ -71,19 +70,19 @@ export const Toolbar = () => {
         <FileMenu />
         <ViewMenu />
         <ToolsMenu />
-      </Group>
-      <Group gap="6" justify="right" w="100%" style={{ flexWrap: "nowrap" }}>
         <Button
-          variant="gradient"
-          gradient={{ from: "purple", to: "violet", deg: 45 }}
+          color="teal"
           autoContrast
           size="compact-sm"
           fz="12"
           fw="600"
           onClick={() => setVisible("UpgradeModal", true)}
+          leftSection={"⚡️"}
         >
-          🔥 JSON Crack v2.0
+          Try New Editor
         </Button>
+      </Group>
+      <Group gap="6" justify="right" w="100%" style={{ flexWrap: "nowrap" }}>
         <Link href="https://github.com/AykutSarac/jsoncrack.com" rel="noopener" target="_blank">
           <StyledToolElement title="GitHub">
             <FaGithub size="18" />

src/features/modals/NodeModal/index.tsx

@@ -1,9 +1,7 @@
 import React from "react";
 import type { ModalProps } from "@mantine/core";
-import { Modal, Stack, Text, ScrollArea, Button } from "@mantine/core";
+import { Modal, Stack, Text, ScrollArea } from "@mantine/core";
 import { CodeHighlight } from "@mantine/code-highlight";
-import { event as gaEvent } from "nextjs-google-analytics";
-import { useModal } from "../../../store/useModal";
 import useGraph from "../../editor/views/GraphView/stores/useGraph";
 
 const dataToString = (data: any) => {
@@ -17,7 +15,6 @@ const dataToString = (data: any) => {
 };
 
 export const NodeModal = ({ opened, onClose }: ModalProps) => {
-  const setVisible = useModal(state => state.setVisible);
   const nodeData = useGraph(state => dataToString(state.selectedNode?.text));
   const path = useGraph(state => state.selectedNode?.path || "");
 
@@ -32,14 +29,6 @@ export const NodeModal = ({ opened, onClose }: ModalProps) => {
             <CodeHighlight code={nodeData} miw={350} maw={600} language="json" withCopyButton />
           </ScrollArea.Autosize>
         </Stack>
-        <Button
-          onClick={() => {
-            setVisible("UpgradeModal", true);
-            gaEvent("click_node_edit");
-          }}
-        >
-          Edit
-        </Button>
         <Text fz="xs" fw={500}>
           JSON Path
         </Text>