Convert Page components to TypeScript

(cherry picked from commit f35a27449d253260ba9c9fae28909cec8a87b4fe)

frontend/src/Components/Page/PageSectionContent.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import Alert from 'Components/Alert';
+import LoadingIndicator from 'Components/Loading/LoadingIndicator';
+import { kinds } from 'Helpers/Props';
+
+interface PageSectionContentProps {
+  isFetching: boolean;
+  isPopulated: boolean;
+  error?: object;
+  errorMessage: string;
+  children: React.ReactNode;
+}
+
+function PageSectionContent({
+  isFetching,
+  isPopulated,
+  error,
+  errorMessage,
+  children,
+}: PageSectionContentProps) {
+  if (isFetching) {
+    return <LoadingIndicator />;
+  }
+
+  if (!isFetching && !!error) {
+    return <Alert kind={kinds.DANGER}>{errorMessage}</Alert>;
+  }
+
+  if (isPopulated && !error) {
+    return <div>{children}</div>;
+  }
+
+  return null;
+}
+
+export default PageSectionContent;