Take shopify app URL from constants

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>

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';

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>