moved SetDialogMessage and setLoaging to correct places

src/components/MessageDialog.tsx

@@ -14,6 +14,10 @@ export interface MessageAttributes {
     };
     content?: any;
 }
+
+export type SetDialogMessage = React.Dispatch<
+    React.SetStateAction<MessageAttributes>
+>;
 type Props = React.PropsWithChildren<{
     show: boolean;
     onHide: () => void;

src/components/Sidebar.tsx

@@ -14,7 +14,6 @@ import {
     isOnFreePlan,
     isSubscriptionCancelled,
     isSubscribed,
-    SetDialogMessage,
 } from 'utils/billingUtil';
 
 import exportService from 'services/exportService';
@@ -27,6 +26,7 @@ import EnteSpinner from './EnteSpinner';
 import LinkButton from 'pages/gallery/components/LinkButton';
 import { downloadApp } from 'utils/common';
 import { logoutUser } from 'services/userService';
+import { SetDialogMessage } from './MessageDialog';
 
 interface Props {
     files: File[];

src/pages/gallery/components/PlanSelector.tsx

@@ -10,8 +10,6 @@ import {
     isUserSubscribedPlan,
     isSubscriptionCancelled,
     updatePaymentMethod,
-    SetDialogMessage,
-    SetLoading,
     updateSubscription,
     activateSubscription,
     cancelSubscription,
@@ -19,9 +17,10 @@ import {
     hasPaidSubscription,
     isOnFreePlan,
 } from 'utils/billingUtil';
-import { DeadCenter } from '..';
+import { DeadCenter, SetLoading } from '..';
 import LinkButton from './LinkButton';
 import { reverseString } from 'utils/common';
+import { SetDialogMessage } from 'components/MessageDialog';
 
 export const PlanIcon = styled.div<{ selected: boolean }>`
     padding-top: 20px;

src/pages/gallery/components/SelectedFileOptions.tsx

@@ -1,7 +1,7 @@
 import AddToCollectionBtn from 'components/AddToCollectionBtn';
 import DeleteBtn from 'components/DeleteBtn';
+import { SetDialogMessage } from 'components/MessageDialog';
 import React from 'react';
-import { SetDialogMessage } from 'utils/billingUtil';
 import constants from 'utils/strings/constants';
 import { SetCollectionSelectorAttributes } from './CollectionSelector';
 

src/pages/gallery/components/Upload.tsx

@@ -6,9 +6,9 @@ import { createAlbum } from 'services/collectionService';
 import ChoiceModal from './ChoiceModal';
 import { File } from 'services/fileService';
 import constants from 'utils/strings/constants';
-import { SetLoading } from 'utils/billingUtil';
 import { SetCollectionNamerAttributes } from './CollectionNamer';
 import { SetCollectionSelectorAttributes } from './CollectionSelector';
+import { SetLoading } from '..';
 
 interface Props {
     syncWithRemote: () => Promise<void>;

src/pages/gallery/index.tsx

@@ -73,6 +73,7 @@ export type selectedState = {
     [k: number]: boolean;
     count: number;
 };
+export type SetLoading = React.Dispatch<React.SetStateAction<Boolean>>;
 
 export default function Gallery() {
     const router = useRouter();

src/utils/billingUtil.ts

@@ -7,16 +7,12 @@ import billingService, {
 } from 'services/billingService';
 import { SUBSCRIPTION_VERIFICATION_ERROR } from './common/errorUtil';
 import { getData, LS_KEYS } from './storage/localStorage';
-import { MessageAttributes } from 'components/MessageDialog';
 import { NextRouter } from 'next/router';
+import { SetDialogMessage } from 'components/MessageDialog';
+import { SetLoading } from 'pages/gallery';
 
 const STRIPE = 'stripe';
 
-export type SetDialogMessage = React.Dispatch<
-    React.SetStateAction<MessageAttributes>
->;
-export type SetLoading = React.Dispatch<React.SetStateAction<Boolean>>;
-
 export function convertBytesToGBs(bytes, precision?): string {
     return (bytes / (1024 * 1024 * 1024)).toFixed(precision ?? 2);
 }