first commit

resources/client/admin/titles/title-editor/title-editor-page-status.tsx

@@ -0,0 +1,19 @@
+import {PageErrorMessage} from '@common/errors/page-error-message';
+import React from 'react';
+import {UseQueryResult} from '@tanstack/react-query';
+import {ProgressCircle} from '@common/ui/progress/progress-circle';
+
+interface Props {
+  query: UseQueryResult;
+}
+export function TitleEditorPageStatus({query}: Props) {
+  if (query.isLoading) {
+    return (
+      <div className="h-full min-h-120 flex items-center justify-center">
+        <ProgressCircle isIndeterminate aria-label="Loading page..." />
+      </div>
+    );
+  }
+
+  return <PageErrorMessage />;
+}