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
getdokan · Nov 13, 2023 · 75fbb18 · 75fbb18
1 parent 0cfc853
commit 75fbb18
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 13 deletions.
diff --git 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
@@ -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
@@ -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;