PORTALS-3239: refactor BrowseToolsPage to NFBrowseToolsPage

apps/portals/nf/src/config/routesConfig.ts

@@ -187,7 +187,7 @@ const routes: GenericRoute[] = [
     exact: true,
     synapseConfigArray: [
       {
-        name: 'BrowseToolsPage',
+        name: 'NFBrowseToolsPage',
         props: {
           popularSearchesSql: popularSearchesSql,
           toolsSql,

apps/synapse-portal-framework/src/components/index.ts

@@ -6,7 +6,7 @@ import HomePageCardContainer from './csbc-home-page/HomePageCardContainer'
 import Ecosystem from './csbc-home-page/Ecosystem'
 import AboutPortal from './csbc-home-page/AboutPortal'
 import DevelopedBySage from './csbc-home-page/DevelopedBySage'
-import BrowseToolsPage from './BrowseToolsPage'
+import NFBrowseToolsPage from './nf/NFBrowseToolsPage'
 import ELBetaLaunchBanner from './elportal/ELBetaLaunchBanner'
 import ARKWelcomePage from './arkportal/ARKWelcomePage'
 import GenieHomePageHeader from './genie/GenieHomePageHeader'
@@ -41,7 +41,7 @@ const PortalComponents = {
   RedirectToURL,
   RedirectWithQuery,
   Redirect,
-  BrowseToolsPage,
+  NFBrowseToolsPage,
   ELBetaLaunchBanner,
   ARKWelcomePage,
   GenieHomePageHeader,

apps/synapse-portal-framework/src/components/BrowseToolsPage.tsx → apps/synapse-portal-framework/src/components/nf/NFBrowseToolsPage.tsx

@@ -1,5 +1,5 @@
 import { SynapseComponents, FeaturedToolsList } from 'synapse-react-client'
-import Layout from './Layout'
+import Layout from '../Layout'
 import React from 'react'
 import { Button, Link, TextField, Typography } from '@mui/material'
 import { Query, TextMatchesQueryFilter } from '@sage-bionetworks/synapse-types'
@@ -8,9 +8,9 @@ import { ReactComponent as Antibodies } from './assets/antibodies.svg'
 import { ReactComponent as Biobanks } from './assets/biobanks.svg'
 import { ReactComponent as CellLines } from './assets/cell-lines.svg'
 import { ReactComponent as PlasmidsReagents } from './assets/plasmids-reagents.svg'
-import PopularSearches from './PopularSearches'
+import PopularSearches from '../PopularSearches'
 import pluralize from 'pluralize'
-import Ecosystem from './csbc-home-page/Ecosystem'
+import Ecosystem from '../csbc-home-page/Ecosystem'
 
 type Category = {
   resourceName: string
@@ -25,12 +25,12 @@ const categories: Category[] = [
   { resourceName: 'Biobank', image: <Biobanks /> },
 ]
 
-export type BrowseToolsPageProps = {
+export type NFBrowseToolsPageProps = {
   popularSearchesSql: string
   toolsSql: string
 }
 
-const BrowseToolsPage = (props: BrowseToolsPageProps) => {
+const NFBrowseToolsPage = (props: NFBrowseToolsPageProps) => {
   const { popularSearchesSql, toolsSql } = props
   const [searchText, setSearchText] = React.useState<string>('')
   const gotoExploreTools = () => {
@@ -277,4 +277,4 @@ const BrowseToolsPage = (props: BrowseToolsPageProps) => {
     </div>
   )
 }
-export default BrowseToolsPage
+export default NFBrowseToolsPage

apps/synapse-portal-framework/src/style/App.scss

@@ -14,7 +14,7 @@
 @use 'Navbar';
 @use 'RedirectDialog';
 @use 'ToggleSynapseObjects';
-@use './components/BrowseToolsPage';
+@use './components/NFBrowseToolsPage';
 @use './components/DetailsPage';
 @use './components/_ARKWelcomePage';
 @use './components/challengeportal/_challengeportal';

apps/synapse-portal-framework/src/types/portal-config.ts

@@ -44,7 +44,7 @@ import { TabbedSynapseObjectsProps } from '../components/TabbedSynapseObjects'
 import { ChallengeSubmissionWrapperProps } from '../components/challengeportal/ChallengeSubmissionWrapper'
 import { RedirectToURLProps } from '../components/RedirectToURL'
 import { SynapseComponentCollapseProps } from '../components/SynapseComponentCollapse'
-import { BrowseToolsPageProps } from '../components/BrowseToolsPage'
+import { NFBrowseToolsPageProps } from '../components/nf/NFBrowseToolsPage'
 import { EcosystemProps } from '../components/csbc-home-page/Ecosystem'
 import { SurveyToastProps } from '../components/SurveyToast'
 
@@ -158,9 +158,9 @@ type DevelopedBySage = {
   props: undefined
 }
 
-type BrowseToolsPage = {
-  name: 'BrowseToolsPage'
-  props: BrowseToolsPageProps
+type NFBrowseToolsPage = {
+  name: 'NFBrowseToolsPage'
+  props: NFBrowseToolsPageProps
 }
 type SurveyToast = {
   name: 'SurveyToast'
@@ -374,7 +374,7 @@ export type SynapseConfig = (
   | UserCardListGroups
   | TableFeedCards
   | DownloadCartPage
-  | BrowseToolsPage
+  | NFBrowseToolsPage
   | SurveyToast
   | ELBetaLaunchBanner
   | ARKWelcomePage