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
getdokan · Nov 14, 2023 · 79ac990 · 79ac990
1 parent 75fbb18
commit 79ac990
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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