Removing less possibility for interpretation of title casing over sentence casing

components/sidebars/SidebarAddFileToBucket.js

@@ -88,7 +88,9 @@ export default class SidebarAddFileToBucket extends React.Component {
           name: "create-alert",
           detail: {
             alert: {
-              message: `We currently do not accept ${file.type} yet but may in the future!`,
+              message: `We currently do not accept ${
+                file.type
+              } yet but may in the future!`,
             },
           },
         });
@@ -177,7 +179,7 @@ export default class SidebarAddFileToBucket extends React.Component {
             marginBottom: "64px",
           }}
         >
-          Upload Data
+          Upload data
         </System.P>
         <input
           css={STYLES_FILE_HIDDEN}

components/sidebars/SidebarCreateSlate.js

@@ -88,15 +88,17 @@ export default class SidebarCreateSlate extends React.Component {
             fontFamily: Constants.font.semiBold,
             fontSize: Constants.typescale.lvl3,
             marginBottom: "64px",
-          }}>
+          }}
-          Create Slate
+        >
+          Create slate
         </System.P>
 
         <System.P
           style={{
             fontFamily: Constants.font.semiBold,
             fontSize: "1.1rem",
-          }}>
+          }}
+        >
           Name
         </System.P>
         <System.Input
@@ -114,7 +116,8 @@ export default class SidebarCreateSlate extends React.Component {
             href={`${this.props.viewer.username}/${Strings.createSlug(
               this.state.name
             )}`}
-            target="_blank">
+            target="_blank"
+          >
             https://slate.host/
             {this.props.viewer.username}/{Strings.createSlug(this.state.name)}
           </a>
@@ -124,7 +127,8 @@ export default class SidebarCreateSlate extends React.Component {
           full
           style={{ marginTop: 48 }}
           onClick={this._handleSubmit}
-          loading={this.state.loading}>
+          loading={this.state.loading}
+        >
           Create {this.state.name}
         </System.ButtonPrimary>
       </div>

components/sidebars/SidebarDragDropNotice.js

@@ -37,7 +37,7 @@ export default class SidebarDragDropNotice extends React.Component {
             fontSize: Constants.typescale.lvl3,
           }}
         >
-          Drag & Drop
+          Drag & drop
         </System.P>
         <div css={STYLES_ICONS}>
           <SVG.Sound height="24px" style={{ margin: "0 16px" }} />

components/sidebars/SidebarRedeemPaymentChannel.js

@@ -30,7 +30,7 @@ export default class SidebarRedeemPaymentChannel extends React.Component {
             fontSize: Constants.typescale.lvl3,
           }}
         >
-          Redeem Payment Channel
+          Redeem payment channel
         </System.P>
       </React.Fragment>
     );

components/sidebars/SidebarSingleSlateSettings.js

@@ -146,7 +146,7 @@ export default class SidebarSingleSlateSettings extends React.Component {
             marginBottom: 64,
           }}
         >
-          Slate Settings
+          Slate settings
         </System.P>
 
         <System.P css={STYLES_HEADER}>Name</System.P>

pages/_/system/buttons.js

@@ -83,31 +83,31 @@ class ExampleDisabled extends React.Component {
         <br />
         <System.P>Each of the button styles has a full width option.</System.P>
         <br />
-        <System.ButtonPrimary full>Primary Button Full</System.ButtonPrimary>
+        <System.ButtonPrimary full>Primary button full</System.ButtonPrimary>
         <br />
         <System.ButtonSecondary full>
-          Secondary Button Full
+          Secondary button full
         </System.ButtonSecondary>
         <br />
-        <System.ButtonDisabled full>Disabled Button Full</System.ButtonDisabled>
+        <System.ButtonDisabled full>Disabled button full</System.ButtonDisabled>
         <br />
         <br />
         <CodeBlock>
           {`class ExamplePrimaryFull extends React.Component {
   render() {
-    return <ButtonPrimary full>Primary Button Full</ButtonPrimary>;
+    return <ButtonPrimary full>Primary button full</ButtonPrimary>;
   }
 }
 
 class ExampleSecondaryFull extends React.Component {
   render() {
-    return <ButtonSecondary full>Secondary Button Full</ButtonSecondary>;
+    return <ButtonSecondary full>Secondary button full</ButtonSecondary>;
   }
 }
 
 class ExampleDisabledFull extends React.Component {
   render() {
-    return <ButtonDisabled full>Disabled Button Full</ButtonDisabled>;
+    return <ButtonDisabled full>Disabled button full</ButtonDisabled>;
   }
 }`}
         </CodeBlock>
@@ -123,15 +123,15 @@ class ExampleDisabledFull extends React.Component {
         </System.P>
         <br />
         <System.ButtonPrimary type="label">
-          Primary Label
+          Primary label
         </System.ButtonPrimary>{" "}
         &nbsp;
         <System.ButtonSecondary type="label">
-          Secondary Label
+          Secondary label
         </System.ButtonSecondary>{" "}
         &nbsp;
         <System.ButtonDisabled type="label">
-          Disabled Label
+          Disabled label
         </System.ButtonDisabled>
         <br />
         <br />

pages/_/system/index.js

@@ -75,7 +75,7 @@ export default class SystemPageRoot extends React.Component {
           <CodeBlock>
             {`import { ButtonPrimary } from "slate-react-system";
 
-const Component = () => <ButtonPrimary>Hello World</ButtonPrimary>;`}
+const Component = () => <ButtonPrimary>Hello world</ButtonPrimary>;`}
           </CodeBlock>
           <br />
           <br />

pages/_/test.js

@@ -73,7 +73,7 @@ export default class SlateReactSystemPage extends React.Component {
             type="label"
             htmlFor="file"
           >
-            Upload File To Network With API
+            Upload file To network with API
           </System.ButtonPrimary>
           <System.TooltipAnchor tooltip="Hello friends!!" />
         </div>

scenes/SceneDeals.js

@@ -39,7 +39,6 @@ export default class SceneDeals extends React.Component {
   };
 
   render() {
-    console.log(this.props);
     return (
       <ScenePage>
         <ScenePageHeader title="Deals [WIP]">

scenes/SceneEditAccount.js

@@ -206,7 +206,7 @@ export default class SceneEditAccount extends React.Component {
 
     return (
       <ScenePage>
-        <System.H1>Account Settings</System.H1>
+        <System.H1>Account settings</System.H1>
 
         <System.DescriptionGroup
           style={{ marginTop: 48 }}

scenes/SceneSentinel.js

@@ -24,7 +24,6 @@ export default class SceneSentinel extends React.Component {
   }
 
   render() {
-    console.log(this.props);
     return (
       <ScenePage>
         <ScenePageHeader title="Filecoin Network">