remove unnecessary file

apps/app/src/components/PageStatusAlert.tsx

@@ -1,72 +0,0 @@
-import React, { useCallback } from 'react';
-
-import { useTranslation } from 'next-i18next';
-
-import { useEditorMode } from '~/stores-universal/ui';
-import { usePageStatusAlert } from '~/stores/alert';
-import { useIsGuestUser, useIsReadOnlyUser } from '~/stores/context';
-import { useSWRxCurrentPage } from '~/stores/page';
-import { useRemoteRevisionId, useRemoteRevisionLastUpdateUser } from '~/stores/remote-latest-page';
-
-import { Username } from './User/Username';
-
-import styles from './PageStatusAlert.module.scss';
-
-export const PageStatusAlert = (): JSX.Element => {
-  const { t } = useTranslation();
-
-  const { data: editorMode } = useEditorMode();
-  const { data: isGuestUser } = useIsGuestUser();
-  const { data: isReadOnlyUser } = useIsReadOnlyUser();
-  const { data: pageStatusAlertData } = usePageStatusAlert();
-  const { data: remoteRevisionId } = useRemoteRevisionId();
-  const { data: remoteRevisionLastUpdateUser } = useRemoteRevisionLastUpdateUser();
-  const { data: pageData } = useSWRxCurrentPage();
-
-  const onClickRefreshPage = useCallback(() => {
-    pageStatusAlertData?.onRefleshPage?.();
-  }, [pageStatusAlertData]);
-
-  const onClickResolveConflict = useCallback(() => {
-    pageStatusAlertData?.onResolveConflict?.();
-  }, [pageStatusAlertData]);
-
-  const hasResolveConflictHandler = pageStatusAlertData?.onResolveConflict != null;
-  const hasRefreshPageHandler = pageStatusAlertData?.onRefleshPage != null;
-
-  const currentRevisionId = pageData?.revision?._id;
-  const isRevisionOutdated = (currentRevisionId != null || remoteRevisionId != null) && currentRevisionId !== remoteRevisionId;
-
-  if (!pageStatusAlertData?.isOpen || !!isGuestUser || !!isReadOnlyUser || !isRevisionOutdated) {
-    return <></>;
-  }
-
-  if (editorMode === pageStatusAlertData?.hideEditorMode) {
-    return <></>;
-  }
-
-  return (
-    <div className={`${styles['grw-page-status-alert']} card fixed-bottom animated fadeInUp faster text-bg-warning`}>
-      <div className="card-body">
-        <p className="card-text grw-card-label-container">
-          { hasResolveConflictHandler
-            ? <>{t('modal_resolve_conflict.file_conflicting_with_newer_remote')}</>
-            : <><Username user={remoteRevisionLastUpdateUser} /> {t('edited this page')}</>
-          }
-        </p>
-        <p className="card-text grw-card-btn-container">
-          {hasRefreshPageHandler && (
-            <button type="button" onClick={onClickRefreshPage} className="btn btn-outline-white">
-              <span className="material-symbols-outlined">refresh</span>{t('Load latest')}
-            </button>
-          )}
-          {hasResolveConflictHandler && (
-            <button type="button" onClick={onClickResolveConflict} className="btn btn-outline-white">
-              <span className="material-symbols-outlined">description</span>{t('modal_resolve_conflict.resolve_conflict')}
-            </button>
-          )}
-        </p>
-      </div>
-    </div>
-  );
-};