fixes

paula-stacho · paula-stacho · commit b6676c4d24dd · 2024-10-10T13:43:35.000+02:00
diff --git a/packages/compass-global-writes/src/components/index.tsx b/packages/compass-global-writes/src/components/index.tsx
@@ -58,7 +58,7 @@ function ShardingStateView({
 
   if (
     shardingStatus === ShardingStatuses.SHARDING ||
-    shardingStatus === ShardingStatuses.CANCEL_SHARDING
+    shardingStatus === ShardingStatuses.CANCELLING_SHARDING
   ) {
     return <ShardingState />;
   }
diff --git a/packages/compass-global-writes/src/components/states/sharding.tsx b/packages/compass-global-writes/src/components/states/sharding.tsx
@@ -23,6 +23,11 @@ const containerStyles = css({
   gap: spacing[400],
 });
 
+const btnStyles = css({
+  float: 'right',
+  height: spacing[600],
+});
+
 interface ShardingStateProps {
   isCancellingSharding: boolean;
   onCancelSharding: () => void;
@@ -37,6 +42,14 @@ export function ShardingState({
       <Banner variant={BannerVariant.Info}>
         <strong>Sharding your collection …</strong>
         {nbsp}this should not take too long.
+        <Button
+          className={btnStyles}
+          data-testid="cancel-sharding-btn"
+          onClick={onCancelSharding}
+          isLoading={isCancellingSharding}
+        >
+          Cancel Request
+        </Button>
       </Banner>
       <Body>
         Once your collection is sharded, this tab will show instructions on
@@ -48,13 +61,6 @@ export function ShardingState({
         hideExternalIcon
       >
         You can read more about Global Writes in our documentation.
-        <Button
-          data-testid="cancel-sharding-btn"
-          onClick={onCancelSharding}
-          isLoading={isCancellingSharding}
-        >
-          Cancel Request
-        </Button>
       </Link>
     </div>
   );

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ function ShardingStateView({`
`58`	`58`
`59`	`59`	`if (`
`60`	`60`	`shardingStatus === ShardingStatuses.SHARDING \|\|`
`61`		`- shardingStatus === ShardingStatuses.CANCEL_SHARDING`
	`61`	`+ shardingStatus === ShardingStatuses.CANCELLING_SHARDING`
`62`	`62`	`) {`
`63`	`63`	`return <ShardingState />;`
`64`	`64`	`}`