From 75fbb1831ffb0f8c3af6c287d60a5a8037fd70ff Mon Sep 17 00:00:00 2001
From: gooyeduck <dorhubs@gmail.com>
Date: Tue, 14 Nov 2023 00:07:22 +0600
Subject: [PATCH] fix(dashboard): links updated

In this commit the link of the dashboard and the pricing links is updated
links are
-docs
-support
-feature request
-purchase links

resolves: Admin UI: link update #314
---
 assets/src/components/dashboard/Overview.js     | 15 +++++++++++----
 assets/src/components/dashboard/Pricing.js      | 17 +++++++++++------
 .../components/dashboard/styles/overview.scss   | 16 +++++++++++++---
 3 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/assets/src/components/dashboard/Overview.js b/assets/src/components/dashboard/Overview.js
index 14ff722d..ede668b8 100644
--- a/assets/src/components/dashboard/Overview.js
+++ b/assets/src/components/dashboard/Overview.js
@@ -10,8 +10,15 @@ import PanelContainer from "../settings/Panels/PanelContainer";
 import PanelRow from "../settings/Panels/PanelRow";
 import IntroModules from "./images/intro-section-img.svg";
 import {__} from "@wordpress/i18n";
-import SectionSpacer from "../settings/Panels/PanelSettings/SectionSpacer";
+
 const Overview = () => {
+  const baseUrlStore = "https://storegrowth.io";
+  const baseUrlInvizo = "https://invizo.io"
+  const links ={
+    doc : "/documentation",
+    featureRequest: "/support",
+    support:"/support"
+  }
   return (
     <div className="site-card-wrapper sgsb-admin-dashboard">
       <div className="sgsb-admin-dashboard-module">
@@ -75,7 +82,7 @@ const Overview = () => {
                             <p>
                             Access our comprehensive documentation for easy, step-by-step guidance on using every feature of our plugin. Get answers quickly and make the most of our powerful tools.
                             </p>
-                            <a href="#">Read More</a>
+                            <a href={baseUrlStore+links?.doc} target="_blank">Read More</a>
                           </div>
                         </div>
                         {/* close-documentation-section */}
@@ -95,7 +102,7 @@ const Overview = () => {
                             <p>
                             Stuck or have questions? Reach out to our responsive email support. Our team is here to help you with any inquiries or issues you might encounter. We're just an email away!
                             </p>
-                            <a href="#">Contact Us</a>
+                            <a href={baseUrlInvizo+links?.support} target="_blank">Contact Us</a>
                           </div>
                         </div>
                         {/* close-email-section */}
@@ -113,7 +120,7 @@ const Overview = () => {
                       Your insights matter! Help us shape the future of our plugin by sharing your feature requests. We're eager to hear your ideas and work together to make our plugin even better. Your feedback is invaluable, and we appreciate your contribution to improving the plugin to meet your needs.
                       </p>
                       <span className="feature-requests-submit-button">
-                        <a href="#">Submit Request</a>
+                        <a href={baseUrlInvizo+links?.featureRequest} target="_blank">Submit Request</a>
                       </span>
                     </div>
                     {/* close-request-features */}
diff --git a/assets/src/components/dashboard/Pricing.js b/assets/src/components/dashboard/Pricing.js
index 3c118264..a45ce9eb 100644
--- a/assets/src/components/dashboard/Pricing.js
+++ b/assets/src/components/dashboard/Pricing.js
@@ -27,7 +27,12 @@ const Pricing = () => {
     rightContent: "Monthly",
   };
   const billingText = "(billed annualy)";
-  const purchaseSlug = "https://storegrowth.io";
+  const purchaseSlug = "https://invizo.io/buy";
+  const purchaseType = {
+    individual: "/storegrowth-pro-individual",
+    developer: "/storegrowth-pro-developer",
+    business: "/storegrowth-pro-business",
+  };
   const modules = [
     "Quick Cart",
     "Sales Pop",
@@ -52,7 +57,7 @@ const Pricing = () => {
         >
           <PanelContainer>
             <PanelRow>
-              <Col span={18} className={ `dashboard-pricing-page` }>
+              <Col span={18} className={`dashboard-pricing-page`}>
                 <div className="dashboard">
                   {/* Render dashboard tabs. */}
                   <DashboardTabs />
@@ -106,7 +111,7 @@ const Pricing = () => {
                                     <span className="sg-package-title">
                                       Individual
                                     </span>
-                                    <a href={purchaseSlug} target="_blank">
+                                    <a href={purchaseSlug+purchaseType?.individual} target="_blank">
                                       <span className="buy-button-normal">
                                         get started
                                       </span>
@@ -137,7 +142,7 @@ const Pricing = () => {
                                     <span className="sg-package-title">
                                       Business
                                     </span>
-                                    <a href={purchaseSlug} target="_blank">
+                                    <a href={purchaseSlug+purchaseType?.business} target="_blank">
                                       <span className="buy-button-popular">
                                         get started
                                       </span>
@@ -165,7 +170,7 @@ const Pricing = () => {
                                     <span className="sg-package-title">
                                       Developer
                                     </span>
-                                    <a href={purchaseSlug} target="_blank">
+                                    <a href={purchaseSlug+purchaseType?.developer} target="_blank">
                                       <span className="buy-button-normal">
                                         get started
                                       </span>
@@ -233,7 +238,7 @@ const Pricing = () => {
                   </div>
                 </div>
               </Col>
-              <Col span={6} className={ `dashboard-pricing-page` }>
+              <Col span={6} className={`dashboard-pricing-page`}>
                 <Promotion />
               </Col>
             </PanelRow>
diff --git a/assets/src/components/dashboard/styles/overview.scss b/assets/src/components/dashboard/styles/overview.scss
index ee0d86b0..14373fad 100644
--- a/assets/src/components/dashboard/styles/overview.scss
+++ b/assets/src/components/dashboard/styles/overview.scss
@@ -68,7 +68,7 @@
         justify-content: space-between;
 
         .intro-section-text {
-          padding: 53px 0px 0px 40px;
+          padding: 40px 0px 0px 40px;
 
           h3 {
             color: #073b4c;
@@ -240,6 +240,7 @@
         border: 1px solid #f37a50;
         display: flex;
         align-items: center;
+        justify-content: center;
         margin-top: 30px;
 
         &:hover {
@@ -258,7 +259,10 @@
         text-align: center;
         text-decoration: none;
         width: 134px;
-        margin-left: 26px;
+
+        &:focus {
+          box-shadow: none;
+        }
       }
     }
 
@@ -465,6 +469,11 @@
                 text-decoration: none;
                 margin: 0;
 
+                &:focus {
+                  box-shadow: none;
+                  outline: none;
+                }
+
                 span {
                   color: #fff;
                   text-transform: capitalize;
@@ -595,7 +604,7 @@
     .dashboad-content {
       margin-top: 30px;
 
-      .intro-section{
+      .intro-section {
         margin-top: 0;
 
         .intro-section-text {
@@ -722,6 +731,7 @@
           }
 
           .sgsb-pricing-data-content {
+
             .yearly-price,
             .monthly-price {
               font-size: 24px !important;