overlay: Add example overlay as a template

src/overlay/overlays/example/index.tsx

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import {observer} from 'mobx-react';
+
+import {OverlayDescriptor} from 'src/overlay';
+
+type Config = {
+  /**
+   * Should the
+   */
+  alginRight: boolean;
+};
+
+const Overlay: React.FC<{config: Config}> = observer(() => {
+  return <div>This is a cue counter</div>;
+});
+
+const ConfigInterface: React.FC<{config: Config}> = observer(() => {
+  return <div>This is the config interface</div>;
+});
+
+const Example: React.FC<{config?: Config}> = () => {
+  return <div>This is an example of the </div>;
+};
+
+export type ExampleOverlay = {
+  type: 'example';
+  config: Config;
+};
+
+const descriptor: OverlayDescriptor<ExampleOverlay> = {
+  type: 'example',
+  name: 'Example Overlay Configuration',
+  component: Overlay,
+  configInterface: ConfigInterface,
+  example: Example,
+  defaultConfig: {},
+};
+
+export default descriptor;

src/overlay/overlays/taggedNowPlaying/index.tsx

@@ -59,9 +59,8 @@ type Props = {
   history: PlayedTrack[];
 };
 
-const Overlay: React.FC<Props> = observer(({config, history}) => {
-  console.log(history);
-  return history.length === 0 ? null : (
+const Overlay: React.FC<Props> = observer(({config, history}) =>
+  history.length === 0 ? null : (
     <React.Fragment>
       <CurrentTrack
         alignRight={config.alignRight}
@@ -86,8 +85,8 @@ const Overlay: React.FC<Props> = observer(({config, history}) => {
         </RecentWrapper>
       )}
     </React.Fragment>
-  );
-});
+  )
+);
 
 const RecentWrapper = styled('div')`
   display: grid;
@@ -122,9 +121,6 @@ const EmptyExample = styled('div')`
 
 const Example: React.FC<{config?: Config}> = ({config}) => {
   const history = useRandomHistory({cutoff: 5, updateInterval: 5000});
-
-  console.log(history);
-
   return history.length === 0 ? (
     <EmptyExample />
   ) : (