Update OpenWithLearnpackCTA.jsx

breatheco-de · Oct 23, 2024 · 4ec231a · 4ec231a
1 parent 0766212
commit 4ec231a
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/js_modules/syllabus/OpenWithLearnpackCTA.jsx b/src/js_modules/syllabus/OpenWithLearnpackCTA.jsx
@@ -111,18 +111,21 @@ function OpenWithLearnpackCTA({ currentAsset, variant }) {
             </Text>
             <Box mt="10px" display="flex" gap="10px" flexDirection={{ base: 'column', md: 'row' }}>
               {[
-                  <Button size="sm" padding="4px 8px" fontSize="14px" fontWeight="500" background="gray.200" color="blue.default" onClick={() => setShowCloneModal(true)}>
-                    {t('learnpack.open-locally')}
-                  </Button>,
+                <Button size="sm" padding="4px 8px" fontSize="14px" fontWeight="500" background="gray.200" color="blue.default" onClick={() => setShowCloneModal(true)}>
+                  {t('learnpack.open-locally')}
+                </Button>,
                   <Popover>
                     <PopoverTrigger>
                       <Button size="sm" padding="4px 8px" fontSize="14px" fontWeight="500" background="gray.200" color="blue.default">
                         {t('learnpack.open-in-learnpack-button.text')}
                       </Button>
                     </PopoverTrigger>
                     <ProvisioningPopover openInLearnpackAction={openInLearnpackAction} provisioningLinks={provisioningLinks} />
-                  </Popover>
-              ].sort((a,b) => a > b ? cohortSession.available_as_saas : -1)}
+                  </Popover>,
+              ].sort((a,b) => {
+                if(a > b) return cohortSession.available_as_saas;
+                return -1;
+              })}
             </Box>
           </Box>
         </Box>
@@ -175,7 +178,10 @@ function OpenWithLearnpackCTA({ currentAsset, variant }) {
               fontSize="17px"
             >
               {t('common:learnpack.open-locally')}
-            </Button>].sort((a,b) => a > b ? cohortSession.available_as_saas : -1)
+            </Button>].sort((a,b) => {
+              if(a > b) return cohortSession.available_as_saas;
+              return -1
+            })
           }
         </Box>
       </Box>