Support alternative logo text in BaseLayout (e.g. for white labeling)

Author: milesrichardson

tdesign/src/Layout/BaseLayout/BaseLayout.tsx

@@ -14,6 +14,7 @@ export interface BaseLayoutProps {
   extraHeaderStyle?: SystemStyleObject;
   extraStyle?: SystemStyleObject;
   showHeader?: boolean;
+  logoText?: string;
 }
 
 export default ({
@@ -23,6 +24,7 @@ export default ({
   extraHeaderStyle = {},
   extraStyle = {},
   showHeader = true,
+  logoText = "Splitgraph",
 }: BaseLayoutProps) => {
   const containerStyle = {
     // maxWidth: '100vw',
@@ -66,7 +68,7 @@ export default ({
               <LogoImage
                 logoURL={"/static/splitgraph_logo_light_nocircle.svg"}
               />
-              <LogoText />
+              <LogoText text={logoText} />
             </a>
           </HeaderLeft>
           <HeaderCenter>{headerCenter}</HeaderCenter>

tdesign/src/Layout/LogoText/LogoText.tsx

@@ -1,10 +1,12 @@
 // @jsx jsx
 // @ts-ignore
-import { jsx } from 'theme-ui';
-import * as React from 'react';
+import { jsx } from "theme-ui";
+import * as React from "react";
 
-export interface ILogoTextProps {}
+export interface ILogoTextProps {
+  text?: string;
+}
 
-export default ({}: ILogoTextProps) => {
-  return <span className="logo-text">Splitgraph</span>;
+export default ({ text = "Splitgraph" }: ILogoTextProps) => {
+  return <span className="logo-text">{text}</span>;
 };