From 79ac99070506dd2b623672aa53efbf38539fa64b Mon Sep 17 00:00:00 2001
From: gooyeduck <dorhubs@gmail.com>
Date: Tue, 14 Nov 2023 16:30:29 +0600
Subject: [PATCH] fix(dashboard): premium links updated

In this commit the get premium link is being updated and the links also being redirected to the pricing table.

some  minor button visited color being fixed.

resolves: Admin UI: link update #314
---
 assets/src/admin.scss                                | 9 +++++++++
 assets/src/components/dashboard/PremiumBox.js        | 6 +-----
 assets/src/components/dashboard/Promotion.js         | 5 +++--
 assets/src/components/dashboard/styles/overview.scss | 5 +++++
 assets/src/components/modules/PremiumBox.js          | 7 ++-----
 assets/src/components/settings/HeadBar.js            | 7 ++++---
 6 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/assets/src/admin.scss b/assets/src/admin.scss
index 5f9ca40e..86322ddb 100644
--- a/assets/src/admin.scss
+++ b/assets/src/admin.scss
@@ -961,6 +961,7 @@ End Settings Sidebar
 
       &:focus {
         color: #ffffff;
+        box-shadow: none;
       }
       span {
         font-size: 16px;
@@ -978,6 +979,7 @@ End Settings Sidebar
 
       &:focus {
         color: #ffffff;
+        box-shadow: none;
       }
     }
   }
@@ -1500,6 +1502,11 @@ End Settings Sidebar
         justify-content: center;
         gap: 9px;
 
+        &:focus{
+          color: #ffffff;
+          box-shadow: none;
+        }
+
       }
 
       h4,
@@ -1867,6 +1874,7 @@ End Settings Sidebar
 
           &:focus {
             color: #ffffff;
+            box-shadow: none;
           }
           span {
             font-size: 18px;
@@ -1884,6 +1892,7 @@ End Settings Sidebar
           
           &:focus {
             color: #ffffff;
+            box-shadow: none;
           }
         }
       }
diff --git a/assets/src/components/dashboard/PremiumBox.js b/assets/src/components/dashboard/PremiumBox.js
index c1479894..3ceda461 100644
--- a/assets/src/components/dashboard/PremiumBox.js
+++ b/assets/src/components/dashboard/PremiumBox.js
@@ -19,11 +19,7 @@ function PremiumBox() {
         support and boost your
         website’s visibility.
         </p>
-        {/* <h5>Reviews from real users</h5>
-        <div className='rating'>
-            <Rate disabled defaultValue={5} />
-        </div> */}
-        <Button className='premium-btn' type="primary" href='https://storegrowth.io/' target='_blank' size='large'>
+        <Button className='premium-btn' type="primary" href='#/dashboard/pricing' size='large'>
             Get Premium 
             <Image
                 preview={false}
diff --git a/assets/src/components/dashboard/Promotion.js b/assets/src/components/dashboard/Promotion.js
index c217e008..4a826057 100644
--- a/assets/src/components/dashboard/Promotion.js
+++ b/assets/src/components/dashboard/Promotion.js
@@ -2,10 +2,11 @@ import React from "react";
 import PremiumBox from "./PremiumBox";
 import Gaurantee from "./Gaurantee";
 const Promotion = () => {
+  const pricingPath = window.location.hash === "#/dashboard/pricing";
   return (
     <div className="sgsb-promotion-block">
-      <PremiumBox />
-      <Gaurantee/>
+      {!pricingPath && <PremiumBox />}
+      <Gaurantee />
     </div>
   );
 };
diff --git a/assets/src/components/dashboard/styles/overview.scss b/assets/src/components/dashboard/styles/overview.scss
index 14373fad..8b43b693 100644
--- a/assets/src/components/dashboard/styles/overview.scss
+++ b/assets/src/components/dashboard/styles/overview.scss
@@ -856,6 +856,11 @@
       align-items: center;
       justify-content: center;
       gap: 9px;
+
+      &:focus{
+        color: #ffffff;
+        box-shadow: none;
+      }
     }
 
     h4,
diff --git a/assets/src/components/modules/PremiumBox.js b/assets/src/components/modules/PremiumBox.js
index c1479894..4f0e92ba 100644
--- a/assets/src/components/modules/PremiumBox.js
+++ b/assets/src/components/modules/PremiumBox.js
@@ -19,11 +19,8 @@ function PremiumBox() {
         support and boost your
         website’s visibility.
         </p>
-        {/* <h5>Reviews from real users</h5>
-        <div className='rating'>
-            <Rate disabled defaultValue={5} />
-        </div> */}
-        <Button className='premium-btn' type="primary" href='https://storegrowth.io/' target='_blank' size='large'>
+        
+        <Button className='premium-btn' type="primary" href='admin.php?page=sgsb-settings#/dashboard/pricing' size='large'>
             Get Premium 
             <Image
                 preview={false}
diff --git a/assets/src/components/settings/HeadBar.js b/assets/src/components/settings/HeadBar.js
index 74abf099..ac0bac41 100644
--- a/assets/src/components/settings/HeadBar.js
+++ b/assets/src/components/settings/HeadBar.js
@@ -3,18 +3,19 @@ import { Button, Col, Image, Row } from "antd";
 import helpIcon from "../../../images/help-icon.svg";
 import crownIcon from "../../../images/cap-icon.svg";
 function HeadBar() {
+  const pricingPath = window.location.hash === '#/dashboard/pricing';
+
   return (
     <Layout.Header className="sgsb-admin-dashboard-module-top-bar">
       <div>
         <Row align="middle" justify="espace-betweennd">
           <Col span={24}>
             <Row justify="end">
-              {!sgsbAdmin.isPro && (
+              {(!sgsbAdmin.isPro && !pricingPath) && (
                 <div className="premium-btn">
                   <Button
                     width="210px"
-                    href="https://invizo.io/support/"
-                    target="_blank"
+                    href="#/dashboard/pricing"
                     type="primary"
                   >
                     Get Premium