enh: text changes and popup behavior change (#1099)

Author: nicoalee

compose/neurosynth-frontend/cypress/e2e/workflows/Curation/ImportStudiesDialog.cy.tsx

@@ -22,7 +22,7 @@ describe('ImportStudiesDialog', () => {
         cy.url().should('include', '/projects/abc123/curation/import');
     });
 
-    describe('Import via Neurostore', () => {
+    describe('Search Neurostore', () => {
         beforeEach(() => {
             cy.login('mocked').visit('/projects/abc123/curation');
             cy.intercept('GET', '**/api/base-studies/**', {

compose/neurosynth-frontend/src/components/InfoPopup.tsx

@@ -3,19 +3,27 @@ import { Box, Button, Checkbox, FormControlLabel, Link, Typography } from '@mui/
 import { useState } from 'react';
 import BaseDialog from './Dialogs/BaseDialog';
 
+// We are saving this as a global variable so that the state is reset every time the page is reloaded
+let userHasSeenPopupThisSession = false;
+
 const InfoPopup: React.FC = () => {
     const { user } = useAuth0();
     const localStorageKey = `${user?.sub || ''}-hide-info-popup`;
-    const shouldHide = !!localStorage.getItem(localStorageKey);
+    const shouldHide = !!localStorage.getItem(localStorageKey) || userHasSeenPopupThisSession;
     const [hide, setShouldHide] = useState(shouldHide);
 
     const [checked, setIsChecked] = useState(false);
 
     const handleCloseDialog = () => {
+        userHasSeenPopupThisSession = true;
+        setShouldHide(true);
+    };
+
+    const handleClose = () => {
         if (checked) {
             window.localStorage.setItem(localStorageKey, 'true');
         }
-        setShouldHide(true);
+        handleCloseDialog();
     };
 
     return (
@@ -63,7 +71,7 @@ const InfoPopup: React.FC = () => {
                     />
                 </Box>
                 <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
-                    <Button fullWidth onClick={handleCloseDialog} variant="contained" color="primary" disableElevation>
+                    <Button fullWidth onClick={handleClose} variant="contained" color="primary" disableElevation>
                         Continue
                     </Button>
                 </Box>

compose/neurosynth-frontend/src/pages/CurationImport/components/CurationImportSelectMethod.tsx

@@ -29,9 +29,10 @@ const CurationImportSelectMethod: React.FC<{
                         value={EImportMode.NEUROSTORE_IMPORT}
                         label={
                             <>
-                                <Typography variant="h6">Import via Neurostore</Typography>
+                                <Typography variant="h6">Search Neurostore</Typography>
                                 <Typography variant="body1" sx={{ color: 'muted.main' }}>
-                                    Use our database full of automatically extracted coordinates
+                                    Search our database of over 30,000 neuroimaging studies with automatically extracted
+                                    coordinates
                                 </Typography>
                             </>
                         }