@myst-theme/site 0.1.22 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/site",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "files": [
@@ -14,19 +14,18 @@
     "lint:format": "prettier --check \"src/**/*.{ts,tsx,md}\""
   },
   "dependencies": {
-    "@curvenote/icons": "^0.0.3",
     "@headlessui/react": "^1.7.8",
     "@heroicons/react": "^2.0.14",
-    "@myst-theme/diagrams": "^0.1.22",
-    "@myst-theme/frontmatter": "^0.1.22",
-    "@myst-theme/jupyter": "^0.1.22",
-    "@myst-theme/providers": "^0.1.22",
+    "@myst-theme/diagrams": "^0.1.23",
+    "@myst-theme/frontmatter": "^0.1.23",
+    "@myst-theme/jupyter": "^0.1.23",
+    "@myst-theme/providers": "^0.1.23",
     "classnames": "^2.3.2",
     "lodash.throttle": "^4.1.1",
     "myst-common": "^0.0.12",
-    "myst-config": "^0.0.8",
-    "myst-demo": "^0.1.22",
-    "myst-to-react": "^0.1.22",
+    "myst-config": "^0.0.9",
+    "myst-demo": "^0.1.23",
+    "myst-to-react": "^0.1.23",
     "mystjs": "^0.0.15",
     "nbtx": "^0.2.3",
     "node-cache": "^5.1.2",

package/src/components/Navigation/Navigation.tsx

@@ -7,12 +7,14 @@ export function Navigation({
   top,
   height,
   hide_toc,
+  footer,
 }: {
   children?: React.ReactNode;
   projectSlug?: string;
   top?: number;
   height?: number;
   hide_toc?: boolean;
+  footer?: React.ReactNode;
 }) {
   const [open, setOpen] = useNavOpen();
   if (hide_toc) return <>{children}</>;
@@ -25,7 +27,7 @@ export function Navigation({
         ></div>
       )}
       {children}
-      <TableOfContents projectSlug={projectSlug} top={top} height={height} />
+      <TableOfContents projectSlug={projectSlug} top={top} height={height} footer={footer} />
     </>
   );
 }

package/src/components/Navigation/TableOfContents.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import classNames from 'classnames';
 import { NavLink, useParams, useLocation } from '@remix-run/react';
 import type { SiteManifest } from 'myst-config';
-import { CreatedInCurvenote } from '@curvenote/icons';
 import { useNavOpen, useSiteManifest, useUrlbase, withUrlbase } from '@myst-theme/providers';
 import { getProjectHeadings } from '../../loaders';
 import type { Heading } from '../../types';
@@ -106,12 +105,12 @@ export const TableOfContents = ({
   projectSlug,
   top,
   height,
-  showFooter = true,
+  footer,
 }: {
   top?: number;
   height?: number;
   projectSlug?: string;
-  showFooter?: boolean;
+  footer?: React.ReactNode;
 }) => {
   const [open] = useNavOpen();
   const config = useSiteManifest();
@@ -145,11 +144,7 @@ export const TableOfContents = ({
       >
         <Headings folder={resolvedProjectSlug} headings={headings} sections={config?.projects} />
       </nav>
-      {showFooter && (
-        <div className="flex-none py-4">
-          <CreatedInCurvenote />
-        </div>
-      )}
+      {footer && <div className="flex-none py-4">{footer}</div>}
     </div>
   );
 };

package/src/components/Navigation/TopNav.tsx

@@ -10,7 +10,6 @@ import {
 import type { SiteManifest, SiteNavItem } from 'myst-config';
 import { ThemeButton } from './ThemeButton';
 import { useNavOpen, useSiteManifest } from '@myst-theme/providers';
-import { CurvenoteLogo } from '@curvenote/icons';
 import { LoadingBar } from './Loading';
 
 export const DEFAULT_NAV_HEIGHT = 60;
@@ -109,7 +108,7 @@ function NavItem({ item }: { item: SiteNavItem }) {
                   to={action.url || ''}
                   className={({ isActive }) =>
                     classNames(
-                      'block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-black',
+                      ' block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-black ',
                       {
                         'text-black font-bold': isActive,
                       },
@@ -190,13 +189,12 @@ function HomeLink({ logo, logoText, name }: { logo?: string; logoText?: string;
       prefetch="intent"
     >
       {logo && <img src={logo} className="h-9 mr-3" alt={logoText || name} height="2.25rem"></img>}
-      {nothingSet && <CurvenoteLogo className="mr-3" fill="#FFF" size={30} />}
       <span
         className={classNames('text-md sm:text-xl tracking-tight sm:mr-5', {
           'sr-only': !(logoText || nothingSet),
         })}
       >
-        {logoText || 'Curvenote'}
+        {logoText || 'Made with MyST'}
       </span>
     </Link>
   );