Progress

added composer query string functionality for url, text. fixed issue with no user in base_controller, cleaned up video component, albums starting

app/javascript/gabsocial/components/album.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import { NavLink } from 'react-router-dom'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import { CX } from '../constants'
@@ -15,17 +16,30 @@ class Album extends React.PureComponent {
   }
 
   render() {
-    const { album } = this.props
+    const { album, isDummy } = this.props
     
     return (
-      <Button
-        to={to}
-        href={href}
-        onClick={this.handleOnClick}
-        noClasses
-      >
-
-      </Button>
+      <div className={[_s.d, _s.minW162PX, _s.px5, _s.flex1].join(' ')}>
+        {
+          !isDummy &&
+          <NavLink
+            className={[_s.d, _s.noUnderline].join(' ')}
+            to='/'
+          >
+            <div className={[_s.d, _s.w100PC, _s.mt5, _s.mb10].join(' ')}>
+              <div className={[_s.d, _s.w100PC, _s.pt100PC].join(' ')}>
+                <div className={[_s.d, _s.posAbs, _s.top0, _s.w100PC, _s.right0, _s.bottom0, _s.left0].join(' ')}>
+                  <div className={[_s.d, _s.w100PC, _s.h100PC, _s.radiusSmall, _s.bgTertiary, _s.border1PX, _s.borderColorSecondary].join(' ')} />
+                </div>
+              </div>
+            </div>
+            <div className={[_s.d, _s.w100PC, _s.pt7, _s.mb15].join(' ')}>
+              <Text weight='bold'>Profile Photos</Text>
+              <Text color='secondary' size='small' className={_s.mt5}>1 Item</Text>
+            </div>
+          </NavLink>
+        }
+      </div>
     )
   }
 
@@ -34,6 +48,7 @@ class Album extends React.PureComponent {
 Album.propTypes = {
   album: ImmutablePropTypes.map,
   isAddable: PropTypes.bool,
+  isDummy: PropTypes.bool,
 }
 
 export default Album