PD-561: Logic to determine when to display Realm/Stitch (#302)

* realm or stitch logic

* changeset

* second tab name

* another little fix

* fix tests

* fix tests

.changeset/silver-wombats-clap.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/mongo-nav': patch
+---
+
+Add logic to determine whether to display Realm or Stitch

packages/mongo-nav/src/project-nav/ProjectNav.spec.tsx

@@ -8,7 +8,7 @@ import {
   hostDefaults,
   constructProjectURL,
 } from '../data';
-import ProjectNav from './ProjectNav';
+import ProjectNav, { displayProductName } from './ProjectNav';
 import { startCase } from 'lodash';
 
 // types
@@ -169,4 +169,30 @@ describe('packages/mongo-nav/src/project-nav', () => {
 
     testForAlerts(alerts, true);
   });
+
+  describe('when the date is before MongoDB World', () => {
+    const testDate = new Date('March 20, 2020 0:00:00');
+
+    test('Stitch is displayed in the ProjectNav', () => {
+      const productName = displayProductName(testDate);
+      expect(productName).toBe('Stitch');
+    });
+  });
+
+  describe('when the date is the day of MongoDB World', () => {
+    const mdbworld = new Date('May 4, 2020 0:00:00');
+
+    test('Realm is displayed in the ProjectNav', () => {
+      const productName = displayProductName(mdbworld);
+      expect(productName).toBe('Realm');
+    });
+  });
+
+  describe('when the date is after MongoDB World', () => {
+    const testDate = new Date('May 5, 2020 0:00:00');
+    test('Realm is displayed in the ProjectNav', () => {
+      const productName = displayProductName(testDate);
+      expect(productName).toBe('Realm');
+    });
+  });
 });

packages/mongo-nav/src/project-nav/ProjectNav.tsx

@@ -198,6 +198,18 @@ const tooltipStyles = css`
   text-align: center;
 `;
 
+export function displayProductName(today = new Date(Date.now())) {
+  const mdbworld = new Date('May 4, 2020 0:00:00');
+
+  if (today >= mdbworld) {
+    return 'Realm';
+  }
+
+  return 'Stitch';
+}
+
+const secondTabName = displayProductName();
+
 interface ProjectNavInterface {
   current?: CurrentProjectInterface;
   data?: Array<ProjectInterface>;
@@ -358,7 +370,7 @@ export default function ProjectNav({
                   glyph="Stitch"
                 />
               )}
-              Realm
+              {secondTabName}
             </a>
           </li>
         )}