Convert account store to TypeScript

httptoolkit · Nov 21, 2024 · c900f03 · c900f03
1 parent 5425149
commit c900f03
Show file tree

Hide file tree

Showing 5 changed files with 201 additions and 189 deletions.
diff --git a/src/components/sections/pricing/plans/components/switch/switch.types.ts b/src/components/sections/pricing/plans/components/switch/switch.types.ts
@@ -1,4 +1,4 @@
-import { Interval } from "@httptoolkit/accounts";
+import { Interval } from "@/lib/store/account-store";
 
 interface Option {
   text: string;

diff --git a/src/components/sections/pricing/plans/hooks/get-plan-cta.tsx b/src/components/sections/pricing/plans/hooks/get-plan-cta.tsx
@@ -9,15 +9,15 @@ import { StyledPricingCardCTAWrapper } from '../components/card/card.styles';
 import { Button } from '@/components/elements/button';
 import { PaperPlaneTilt, Sparkle, Spinner } from '@/components/elements/icon';
 import { Text } from '@/components/elements/text';
-import type { AccountStore } from '@/lib/store/account-store';
+import type { AccountStore, Interval } from '@/lib/store/account-store';
 
 /**
  *  @param {React.ReactNode} downloadButton - DrowpdownButton is a server component, so we need to provide it as a children because we cannot import directly in client component
  */
 export const usePlanCta = (downloadButton?: React.ReactNode) => {
   const posthog = usePostHog();
 
-  return useCallback((tierCode: string, account: AccountStore, waitingForPurchase: boolean, planCycle: string) => {
+  return useCallback((tierCode: string, account: AccountStore, waitingForPurchase: boolean, planCycle: Interval) => {
     const { paidTier, paidCycle } = account.subscription;
 
     if (waitingForPurchase) {

diff --git a/src/components/sections/pricing/plans/index.tsx b/src/components/sections/pricing/plans/index.tsx
@@ -2,7 +2,6 @@
 
 import { observer } from 'mobx-react-lite';
 import { useCallback, useState } from 'react';
-import { Interval } from '@httptoolkit/accounts';
 
 import { PricingCard } from './components/card';
 import { LoginInfo } from './components/login-info';
@@ -21,7 +20,7 @@ import type { PlanId, StyledPricingPlansProps } from './plans.types';
 
 import { Spinner } from '@/components/elements/icon';
 import { Text } from '@/components/elements/text';
-import { accountStore } from '@/lib/store/account-store';
+import { accountStore, Interval } from '@/lib/store/account-store';
 
 const LoadingPrice = () => {
   return (

diff --git a/src/lib/store/account-store.js b/src/lib/store/account-store.js