start to flush out recent views stuff a little bit formatting wise.

resources/frontend_client/app/home/components/RecentViews.react.js

@@ -2,13 +2,40 @@
 
 import React, { Component, PropTypes } from "react";
 
+import Icon from "metabase/components/Icon.react";
+
+import { fetchRecents } from "../actions";
+
 
 export default class RecentViews extends Component {
 
+    constructor(props) {
+        super(props);
+
+        this.state = { error : null };
+    }
+
+    async componentDidMount() {
+        try {
+            await this.props.dispatch(fetchRecents());
+        } catch (error) {
+            this.setState({ error });
+        }
+    }
+
     render() {
+
         return (
-            <div>
-                Recent Views
+            <div className="p2">
+                <div className="text-brand clearfix pt2 pb2">
+                    <Icon className="float-left" name={'history'} width={24} height={24}></Icon>
+                    <div>Recents</div>
+                </div>
+                <div className="bordered rounded bg-white">
+                    <ul>
+                        <li>recent stuff</li>
+                    </ul>
+                </div>
             </div>
         );
     }

resources/frontend_client/app/home/components/TableListing.react.js

@@ -4,7 +4,7 @@ import React, { Component, PropTypes } from "react";
 
 import LoadingAndErrorWrapper from "metabase/components/LoadingAndErrorWrapper.react";
 
-import { fetchDatabaseMetadata, setCardsFilter } from "../actions";
+import { setCardsFilter } from "../actions";
 
 
 export default class TableListing extends Component {