Progress

app/javascript/gabsocial/pages/search_page.js

@@ -3,7 +3,7 @@ import { defineMessages, injectIntl } from 'react-intl'
 import PageTitle from '../features/ui/util/page_title'
 import LinkFooter from '../components/link_footer'
 import SearchFilterPanel from '../components/panel/search_filter_panel'
-import SearchLayout from '../layouts/search_layout'
+import Layout from '../layouts/layout'
 
 const messages = defineMessages({
   search: { id: 'search', defaultMessage: 'Search' },
@@ -24,9 +24,39 @@ class SearchPage extends PureComponent {
       children,
     } = this.props
 
+    const title = intl.formatMessage(messages.search)
+    const tabs = [
+      {
+        title: 'Top',
+        to: '/search'
+      },
+      {
+        title: 'People',
+        to: '/search/people'
+      },
+      {
+        title: 'Groups',
+        to: '/search/groups'
+      },
+      {
+        title: 'Gabs',
+        to: '/search/gabs'
+      },
+      {
+        title: 'Trends',
+        to: '/search/trends'
+      },
+      {
+        title: 'Hashtags',
+        to: '/search/hashtags'
+      },
+    ]
+
     return (
-      <SearchLayout
+      <Layout
+        title={title}
         showBackBtn
+        tabs={tabs}
         layout={(
           <Fragment>
             <SearchFilterPanel />
@@ -34,9 +64,9 @@ class SearchPage extends PureComponent {
           </Fragment>
         )}
       >
-        <PageTitle path={intl.formatMessage(messages.search)} />
+        <PageTitle path={title} />
         {children}
-      </SearchLayout>
+      </Layout>
     )
   }