diff --git a/app/javascript/gabsocial/features/compose/components/navigation_bar/index.js b/app/javascript/gabsocial/features/compose/components/navigation_bar/index.js deleted file mode 100644 index d948f6c9..00000000 --- a/app/javascript/gabsocial/features/compose/components/navigation_bar/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './navigation_bar' \ No newline at end of file diff --git a/app/javascript/gabsocial/features/compose/components/navigation_bar/navigation_bar.js b/app/javascript/gabsocial/features/compose/components/navigation_bar/navigation_bar.js deleted file mode 100644 index 45e5e91b..00000000 --- a/app/javascript/gabsocial/features/compose/components/navigation_bar/navigation_bar.js +++ /dev/null @@ -1,48 +0,0 @@ -import ImmutablePropTypes from 'react-immutable-proptypes'; -import ImmutablePureComponent from 'react-immutable-pure-component'; -import { FormattedMessage } from 'react-intl'; -import Avatar from '../../../../components/avatar'; -import Button from '../../../../components/button' -import { me } from '../../../../initial_state'; - -const mapStateToProps = (state) => ({ - account: state.getIn(['accounts', me]), -}) - -export default -@connect(mapStateToProps) -class NavigationBar extends ImmutablePureComponent { - - static propTypes = { - account: ImmutablePropTypes.map.isRequired, - onClose: PropTypes.func, - }; - - render () { - const { account } = this.props; - - return ( -
- - -
- - - - - -
- -
-
-
- ); - } - -} diff --git a/app/javascript/gabsocial/features/compose/components/navigation_bar/navigation_bar.scss b/app/javascript/gabsocial/features/compose/components/navigation_bar/navigation_bar.scss deleted file mode 100644 index 19ae3e7e..00000000 --- a/app/javascript/gabsocial/features/compose/components/navigation_bar/navigation_bar.scss +++ /dev/null @@ -1,89 +0,0 @@ -.navigation-bar { - padding: 10px; - display: flex; - align-items: center; - flex-shrink: 0; - cursor: default; - color: $darker-text-color; - - strong { - color: $secondary-text-color; - } - - a { - color: inherit; - } - - .permalink { - text-decoration: none; - } - - &__actions { - position: relative; - - .icon-button.close { - position: absolute; - pointer-events: none; - transform: scale(0.0, 1.0) translate(-100%, 0); - opacity: 0; - } - - .compose__action-bar .icon-button { - pointer-events: auto; - transform: scale(1.0, 1.0) translate(0, 0); - opacity: 1; - } - } - - &__profile { - flex: 1 1 auto; - margin-left: 8px; - line-height: 20px; - margin-top: -1px; - overflow: hidden; - } - - &__profile-account { - display: block; - font-weight: 500; - - @include text-overflow(nowrap); - } - - &__profile-edit { - color: inherit; - text-decoration: none; - } - - @media screen and (max-width: 630px) and (max-height: 400px) { - $duration: 400ms; - $delay: 100ms; - - will-change: padding-bottom; - transition: padding-bottom $duration $delay; - - &>a:first-child { - will-change: margin-top, margin-left, margin-right, width; - transition: margin-top $duration $delay, margin-left $duration ($duration + $delay), margin-right $duration ($duration + $delay); - } - - &__profile-edit { - will-change: margin-top; - transition: margin-top $duration $delay; - } - - &__actions { - >.icon-button.close { - will-change: opacity transform; - transition: opacity $duration * 0.5 $delay, - transform $duration $delay; - } - - .compose__action-bar .icon-button { - will-change: opacity transform; - transition: opacity $duration * 0.5 $delay + $duration * 0.5, - transform $duration $delay; - } - } - } -} \ No newline at end of file