From aa7b1879f077d609010b37786ced40c6165b649f Mon Sep 17 00:00:00 2001
From: Shreerang Kale <shreerangkale@gmail.com>
Date: Tue, 11 Feb 2025 18:59:33 +0530
Subject: [PATCH] Take shopify app URL from constants

---
 packages/frontend/src/components/shared/Sidebar/Sidebar.tsx | 3 ++-
 packages/frontend/src/constants.ts                          | 2 ++
 packages/frontend/src/pages/BuyPrepaidService.tsx           | 3 ++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
index 3ef7c252..490c8989 100644
--- a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
+++ b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
@@ -15,6 +15,7 @@ import { formatAddress } from 'utils/format';
 import { getInitials } from 'utils/geInitials';
 import { cn } from 'utils/classnames';
 import { useMediaQuery } from 'usehooks-ts';
+import { SHOPIFY_APP_URL } from '../../../constants';
 
 interface SidebarProps {
   mobileOpen?: boolean;
@@ -68,7 +69,7 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
               <Tabs.Trigger icon={<QuestionMarkRoundIcon />} value="">
                 <a
                   className="cursor-pointer font-mono"
-                  href="https://store.laconic.com/pages/instruction-faq"
+                  href={`${SHOPIFY_APP_URL}/pages/instruction-faq`}
                 >
                   DOCUMENTATION
                 </a>
diff --git a/packages/frontend/src/constants.ts b/packages/frontend/src/constants.ts
index bff69470..77bd7435 100644
--- a/packages/frontend/src/constants.ts
+++ b/packages/frontend/src/constants.ts
@@ -1,3 +1,5 @@
 export const SHORT_COMMIT_HASH_LENGTH = 8;
 
 export const SERVER_GQL_PATH = 'graphql';
+
+export const SHOPIFY_APP_URL = 'https://store.laconic.com';
diff --git a/packages/frontend/src/pages/BuyPrepaidService.tsx b/packages/frontend/src/pages/BuyPrepaidService.tsx
index f491e469..827a3387 100644
--- a/packages/frontend/src/pages/BuyPrepaidService.tsx
+++ b/packages/frontend/src/pages/BuyPrepaidService.tsx
@@ -4,6 +4,7 @@ import { useMediaQuery } from 'usehooks-ts';
 
 import { Button } from 'components/shared';
 import CheckBalanceIframe from 'components/projects/create/CheckBalanceIframe';
+import { SHOPIFY_APP_URL } from '../constants';
 
 const BuyPrepaidService = () => {
   const navigate = useNavigate();
@@ -23,7 +24,7 @@ const BuyPrepaidService = () => {
     <div className="dark:bg-background flex flex-col min-h-screen">
       <div className="pb-12 relative z-10 flex-1 flex-center">
         <Button {...buttonSize} shape={'default'}>
-          <a href="https://store.laconic.com" target="_blank">
+          <a href={SHOPIFY_APP_URL} target="_blank">
             Buy prepaid service
           </a>
         </Button>