useService.ts 784 B

123456789101112131415161718192021222324252627282930313233
  1. import { useMemo } from 'react';
  2. import type { Plan } from '../../useService';
  3. export interface UseServiceReturn {
  4. currentSubscription: string;
  5. orderTotal: string;
  6. }
  7. export interface UseServiceParams {
  8. selectedPlan: Plan | null;
  9. }
  10. export function useService({ selectedPlan }: UseServiceParams): UseServiceReturn {
  11. const currentSubscription = useMemo(() => {
  12. if (!selectedPlan) {
  13. return '';
  14. }
  15. return `${selectedPlan.subTitle}/${selectedPlan.title}`;
  16. }, [selectedPlan]);
  17. const orderTotal = useMemo(() => {
  18. if (!selectedPlan) {
  19. return '$0.00';
  20. }
  21. return `$${selectedPlan.price.toFixed(2)}`;
  22. }, [selectedPlan]);
  23. return {
  24. currentSubscription,
  25. orderTotal,
  26. };
  27. }