Move

web/apps/photos/src/components/pages/gallery/PlanSelector.tsx

@@ -25,7 +25,6 @@ import {
 } from "@mui/material";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
-import { PLAN_PERIOD } from "constants/gallery";
 import { t } from "i18next";
 import { AppContext } from "pages/_app";
 import { GalleryContext } from "pages/gallery";
@@ -33,7 +32,7 @@ import { useContext, useEffect, useMemo, useState } from "react";
 import { Trans } from "react-i18next";
 import billingService, { type PlansResponse } from "services/billingService";
 import { getFamilyPortalRedirectURL } from "services/userService";
-import { Plan, Subscription } from "types/billing";
+import { Plan, PLAN_PERIOD, Subscription } from "types/billing";
 import { SetLoading } from "types/gallery";
 import { BonusData } from "types/user";
 import {

web/apps/photos/src/constants/gallery.ts

@@ -7,9 +7,5 @@ export const MIN_COLUMNS = 4;
 export const SPACE_BTW_DATES = 44;
 export const SPACE_BTW_DATES_TO_IMAGE_CONTAINER_WIDTH_RATIO = 0.244;
 
-export enum PLAN_PERIOD {
-    MONTH = "month",
-    YEAR = "year",
-}
 
 export const SYNC_INTERVAL_IN_MICROSECONDS = 1000 * 60 * 5; // 5 minutes

web/apps/photos/src/types/billing/index.ts

@@ -1,4 +1,7 @@
-import { PLAN_PERIOD } from "constants/gallery";
+export enum PLAN_PERIOD {
+    MONTH = "month",
+    YEAR = "year",
+}
 
 export interface Subscription {
     id: number;