Replace Simulate with Experiment (#255)

Author: tolokoban

src/app/app/virtual-lab/lab/[virtualLabId]/(lab)/overview/page.tsx

@@ -13,7 +13,7 @@ export default function VirtualLab({ params }: ServerSideComponentProp<{ virtual
 
       <NewProjectCTABanner
         title="Create a project"
-        subtitle="In order to start exploring brain regions, building models and simulate neuron, create a project"
+        subtitle="In order to start exploring brain regions, building models and experiment neuron, create a project"
       />
 
       <DiscoverObpPanel />

src/app/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/simulate/layout.tsx

@@ -21,7 +21,7 @@ export default function VirtualLabProjectLayout({ children, params }: LabProject
     {
       key: LinkItemKey.Simulate,
       href: `${labProjectUrl}/simulate`,
-      content: 'Simulate',
+      content: 'Experiment',
       styles: 'rounded-full bg-primary-5 py-3 text-primary-9 w-2/3',
     },
   ];

src/components/LabTabs/index.tsx

@@ -14,7 +14,7 @@ export default function BrainFactoryTabs({ children }: BrainFactoryTabsProps) {
         <div className="flex">
           <Popover.Root>
             <Popover.Trigger className="flex-auto bg-secondary-2 px-8 text-white">
-              Build & Simulate
+              Build & Experiment
             </Popover.Trigger>
             <Popover.Portal>
               <Popover.Content className="z-[100] flex flex-col text-white">

src/components/VirtualLab/DiscoverObpPanel/index.tsx

@@ -58,7 +58,7 @@ const items: {
   },
   {
     image: `${basePath}/images/virtual-lab/obp_vl_simulate.png`,
-    title: 'Simulate',
+    title: 'Experiment',
     bulletPoints: [
       'Select an existing single-cell model.',
       'Define which protocol to use to stimulate the cell and configure it.',

src/components/VirtualLab/ScopeSelector/index.tsx

@@ -36,7 +36,7 @@ export function SectionTabs({
           onChange={() => setSelectedTab(tab)}
           type="radio"
         />
-        {capitalize(`${tab} ${label}`) + (tab === 'browse' ? 's' : '')}
+        {makeTitle(tab, label) + (tab === 'browse' ? 's' : '')}
       </label>
     );
   };
@@ -49,6 +49,14 @@ export function SectionTabs({
   );
 }
 
+/**
+ * Capitalize `words` and add a space between them.
+ * In the meantime, eerytime we find "simulation", we replace it with "experiment".
+ */
+function makeTitle(...words: string[]): string {
+  return words.map((word) => capitalize(word.replace('simulation', 'experiment'))).join(' ');
+}
+
 export function ScopeSelector({
   atomKey,
   section,
@@ -112,7 +120,7 @@ export function ScopeSelector({
     <div>
       <div className="mt-12 text-[40px] font-bold text-primary-4">
         {section === 'build' && 'Select a scale for your model'}
-        {section === 'simulate' && 'Select a scale to choose models and simulations'}
+        {section === 'simulate' && 'Select a scale to choose models and experiments'}
       </div>
 
       <div className="mb-5 mt-8 grid grid-cols-3 gap-5">

src/components/VirtualLab/projects/VirtualLabProjectSidebar/index.tsx

@@ -98,7 +98,7 @@ export default function VirtualLabProjectSidebar({ virtualLabId, projectId }: Pr
       },
       { key: LinkItemKey.Explore, content: 'Explore', href: 'explore/interactive' },
       { key: LinkItemKey.Build, content: 'Build', href: 'build' },
-      { key: LinkItemKey.Simulate, content: 'Simulate', href: 'simulate' },
+      { key: LinkItemKey.Simulate, content: 'Experiment', href: 'simulate' },
       {
         key: LinkItemKey.Papers,
         disabled: true,