From e67801c67cb4db156a059bc73e42f1a188864eb0 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Sat, 7 Dec 2024 14:09:46 +0300
Subject: [PATCH] feat: update upgrade texts

---
 src/containers/Modals/UpgradeModal/index.tsx |  2 +-
 src/containers/Toolbar/index.tsx             | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/containers/Modals/UpgradeModal/index.tsx b/src/containers/Modals/UpgradeModal/index.tsx
index cf3026a8225..cfbc25a488d 100644
--- a/src/containers/Modals/UpgradeModal/index.tsx
+++ b/src/containers/Modals/UpgradeModal/index.tsx
@@ -100,7 +100,7 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
           size="md"
           radius="md"
         >
-          Upgrade to ToDiagram
+          Try premium for free
         </Button>
         <Button size="md" variant="subtle" color="gray" radius="md" onClick={onClose}>
           Maybe later
diff --git a/src/containers/Toolbar/index.tsx b/src/containers/Toolbar/index.tsx
index fe40fadcbc8..6a1689ea2e8 100644
--- a/src/containers/Toolbar/index.tsx
+++ b/src/containers/Toolbar/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Text, Flex, Group, Select } from "@mantine/core";
+import { Flex, Group, Select, Button } from "@mantine/core";
 import styled from "styled-components";
 import toast from "react-hot-toast";
 import { AiOutlineFullscreen } from "react-icons/ai";
@@ -86,14 +86,16 @@ export const Toolbar = ({ isWidget = false }: ToolbarProps) => {
       )}
       <Group gap="xs" justify="right" w="100%" style={{ flexWrap: "nowrap" }}>
         {!isWidget && (
-          <StyledToolElement onClick={() => setVisible("upgrade")(true)} $highlight>
-            <Flex align="center" gap="6">
-              <LuCrown size="16" />
-              <Text c="bright" fw={600} fz="xs">
-                Unlock advanced features
-              </Text>
-            </Flex>
-          </StyledToolElement>
+          <Button
+            color="gray"
+            variant="light"
+            size="compact-sm"
+            fz="12"
+            onClick={() => setVisible("upgrade")(true)}
+            leftSection={<LuCrown />}
+          >
+            Try premium for free
+          </Button>
         )}
 
         <SearchInput />