func to component

mongodb-js · Sep 26, 2024 · 5f03a49 · 5f03a49
1 parent a0eb2be
commit 5f03a49
Showing 1 changed file with 22 additions and 15 deletions.
diff --git a/packages/compass-global-writes/src/components/index.tsx b/packages/compass-global-writes/src/components/index.tsx
@@ -34,28 +34,35 @@ type GlobalWritesProps = {
   shardingStatus: ShardingStatus;
 };
 
-function getStateViewBasedOnShardingStatus(shardingStatus: ShardingStatus) {
-  switch (shardingStatus) {
-    case ShardingStatuses.NOT_READY:
-      return (
-        <div className={centeredContent}>
-          <SpinLoaderWithLabel progressText="Loading …" />
-        </div>
-      );
-    case ShardingStatuses.UNSHARDED:
-      return <UnshardedState />;
-    case ShardingStatuses.SHARDING:
-      return <ShardingState />;
-    default:
-      return null;
+function ShardingStateView({
+  shardingStatus,
+}: {
+  shardingStatus: ShardingStatus;
+}) {
+  if (shardingStatus === ShardingStatuses.NOT_READY) {
+    return (
+      <div className={centeredContent}>
+        <SpinLoaderWithLabel progressText="Loading …" />
+      </div>
+    );
+  }
+
+  if (shardingStatus === ShardingStatuses.UNSHARDED) {
+    return <UnshardedState />;
   }
+
+  if (shardingStatus === ShardingStatuses.SHARDING) {
+    return <ShardingState />;
+  }
+
+  return null;
 }
 
 export function GlobalWrites({ shardingStatus }: GlobalWritesProps) {
   return (
     <div className={containerStyles}>
       <WorkspaceContainer className={workspaceContentStyles}>
-        {getStateViewBasedOnShardingStatus(shardingStatus)}
+        <ShardingStateView shardingStatus={shardingStatus} />
       </WorkspaceContainer>
     </div>
   );