Merge pull request #315 from Invizo/doc/admin/issue#314

fix(dashboard): links updated
getdokan · Nov 15, 2023 · fce0ee3 · fce0ee3
2 parents c46d97d + 8dcd2df
commit fce0ee3
Show file tree

Hide file tree

Showing 9 changed files with 76 additions and 32 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/Gaurantee.js b/assets/src/components/dashboard/Gaurantee.js
@@ -6,7 +6,11 @@ const Gaurantee = () => {
     <div className="sg_pro_btm_btm">
       <Image preview={false} width={200} src={GaraunteeBadge} />
       <h4>Without Any Question</h4>
-      <h6>Terms & Condition</h6>
+      <h6>
+        <a href="https://storegrowth.io/privacy-policy/" target="_blank">
+          Terms & Condition
+        </a>
+      </h6>
     </div>
   );
 };

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/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/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 />
@@ -63,12 +68,12 @@ const Pricing = () => {
                       {/* Package Table */}
                       <div className="sg_pricing_table">
                         <div className="sgsb-pricing-heading">
-                          <h3>The Package We Provide</h3>
+                          <h3>Choose Your Plan</h3>
                           <div className="pricing-table-heading-content">
-                            <span>
+                            {/* <span>
                               Join 100,000+ website owners who use Booster to
                               increase sales, engage visitors and so much more.
-                            </span>
+                            </span> */}
                           </div>
                           <PricingToggle
                             toggleContent={toggleContent}
@@ -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/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
@@ -68,7 +68,7 @@
         justify-content: space-between;
 
         .intro-section-text {
-          padding: 53px 0px 0px 40px;
+          padding: 40px 0px 0px 40px;
 
           h3 {
             color: #073b4c;
@@ -180,6 +180,10 @@
               font-weight: 600;
               text-decoration-line: underline;
               text-underline-offset: 0.1em;
+
+              &:focus{
+                box-shadow: none;
+              }
             }
           }
         }
@@ -240,6 +244,7 @@
         border: 1px solid #f37a50;
         display: flex;
         align-items: center;
+        justify-content: center;
         margin-top: 30px;
 
         &:hover {
@@ -258,7 +263,10 @@
         text-align: center;
         text-decoration: none;
         width: 134px;
-        margin-left: 26px;
+
+        &:focus {
+          box-shadow: none;
+        }
       }
     }
 
@@ -465,6 +473,11 @@
                 text-decoration: none;
                 margin: 0;
 
+                &:focus {
+                  box-shadow: none;
+                  outline: none;
+                }
+
                 span {
                   color: #fff;
                   text-transform: capitalize;
@@ -595,7 +608,7 @@
     .dashboad-content {
       margin-top: 30px;
 
-      .intro-section{
+      .intro-section {
         margin-top: 0;
 
         .intro-section-text {
@@ -722,6 +735,7 @@
           }
 
           .sgsb-pricing-data-content {
+
             .yearly-price,
             .monthly-price {
               font-size: 24px !important;
@@ -777,6 +791,11 @@
       font-weight: 400;
       text-transform: capitalize;
       margin-top: 15px;
+
+      a:focus {
+        outline: none;
+        box-shadow: none;
+      }
     }
   }
 
@@ -846,6 +865,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