Scope

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

@@ -49,12 +49,12 @@ import { getLocalUserDetails } from "utils/user";
 import { getTotalFamilyUsage, isPartOfFamily } from "utils/user/family";
 import Plans from "./plans";
 
-interface Props {
+interface PlanSelectorCardProps {
     closeModal: any;
     setLoading: SetLoading;
 }
 
-function PlanSelectorCard(props: Props) {
+function PlanSelectorCard(props: PlanSelectorCardProps) {
     const subscription = useMemo(() => getLocalUserSubscription(), []);
     const [plansResponse, setPlansResponse] = useState<
         PlansResponse | undefined

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

@@ -2,13 +2,13 @@ import { Dialog, useMediaQuery, useTheme } from "@mui/material";
 import { SetLoading } from "types/gallery";
 import PlanSelectorCard from "./card";
 
-interface Props {
+interface PlanSelectorProps {
     modalView: boolean;
     closeModal: any;
     setLoading: SetLoading;
 }
 
-function PlanSelector(props: Props) {
+function PlanSelector(props: PlanSelectorProps) {
     const fullScreen = useMediaQuery(useTheme().breakpoints.down("sm"));
 
     if (!props.modalView) {

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

@@ -27,7 +27,7 @@ import {
     isUserSubscribedPlan,
 } from "utils/billing";
 
-interface Iprops {
+interface PlansProps {
     plansResponse: PlansResponse | undefined;
     planPeriod: PLAN_PERIOD;
     subscription: Subscription;
@@ -43,7 +43,7 @@ const Plans = ({
     bonusData,
     onPlanSelect,
     closeModal,
-}: Iprops) => {
+}: PlansProps) => {
     const { freePlan, plans } = plansResponse ?? {};
     return (
         <Stack spacing={2}>