fix: Issue with icons in sync modal

Author: ChrisChV

src/container-comparison/CompareContainersWidget.test.tsx

@@ -125,7 +125,6 @@ describe('CompareContainersWidget', () => {
     const blocks = await screen.findAllByText('This subsection will be added in the new version');
     await user.click(blocks[0]);
 
-    screen.logTestingPlaygroundURL();
     expect(await screen.findByText(/this subsection is new/i)).toBeInTheDocument();
   });
 

src/container-comparison/CompareContainersWidget.tsx

@@ -69,7 +69,17 @@ const CompareContainersWidgetInner = ({
     if ((!data || !libData) && !['added', 'removed'].includes(state || '')) {
       return [undefined, undefined];
     }
-    return diffPreviewContainerChildren(data?.children || [], libData as ContainerChildBase[] || []);
+
+    let libChildren = libData as ContainerChildBase[] || [];
+    if (state === 'removed') {
+      // There is the case in which the item is removed, but it still exists
+      // in the library, in that case the query will bring its children,
+      // but we must put it empty so that the status of all the children of
+      // the downstream are 'removed'
+      libChildren = [];
+    }
+
+    return diffPreviewContainerChildren(data?.children || [], libChildren);
   }, [data, libData]);
 
   const renderBeforeChildren = useCallback(() => {

src/course-outline/section-card/SectionCard.tsx

@@ -146,6 +146,7 @@ const SectionCard = ({
       upstreamBlockVersionSynced: upstreamInfo.versionSynced,
       isReadyToSyncIndividually: upstreamInfo.isReadyToSyncIndividually,
       isContainer: true,
+      blockType: 'section',
     };
   }, [upstreamInfo]);
 

src/course-outline/subsection-card/SubsectionCard.tsx

@@ -128,6 +128,7 @@ const SubsectionCard = ({
       upstreamBlockVersionSynced: upstreamInfo.versionSynced,
       isReadyToSyncIndividually: upstreamInfo.isReadyToSyncIndividually,
       isContainer: true,
+      blockType: 'subsection',
     };
   }, [upstreamInfo]);
 

src/course-outline/unit-card/UnitCard.tsx

@@ -105,6 +105,7 @@ const UnitCard = ({
       upstreamBlockVersionSynced: upstreamInfo.versionSynced,
       isReadyToSyncIndividually: upstreamInfo.isReadyToSyncIndividually,
       isContainer: true,
+      blockType: 'unit',
     };
   }, [upstreamInfo]);