change conditional rendering for visibility hidden

breatheco-de · Oct 8, 2024 · 15df5b0 · 15df5b0
1 parent 6416523
commit 15df5b0
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/js_modules/syllabus/Topbar.jsx b/src/js_modules/syllabus/Topbar.jsx
@@ -73,12 +73,10 @@ function TopBar({ currentAsset, ...rest }) {
               <SubtasksPill />
             </>
           )}
-          {isVisible && (
-            <Button display="flex" alignItems="center" gap="5px" variant="ghost" color={hexColor.blueDefault} onClick={scrollTop}>
-              <Icon icon="arrowLeft2" style={{ transform: 'rotate(90deg)' }} color={hexColor.blueDefault} />
-              {t('back-to-top')}
-            </Button>
-          )}
+          <Button visibility={!isVisible && 'hidden'} display="flex" alignItems="center" gap="5px" variant="ghost" color={hexColor.blueDefault} onClick={scrollTop}>
+            <Icon icon="arrowLeft2" style={{ transform: 'rotate(90deg)' }} color={hexColor.blueDefault} />
+            {t('back-to-top')}
+          </Button>
         </Box>
       </Box>
     </>