random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Progress

Browse Source
This commit is contained in:
mgabdev
2020-03-04 17:26:01 -05:00
parent 143725b5bd
commit 567894f614
109 changed files with 976 additions and 1643 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
app/javascript/gabsocial/features/search/components/header/header.js
View File

@@ -1,57 +0,0 @@
import { FormattedMessage } from 'react-intl';
const mapStateToProps = state => ({
value: state.getIn(['search', 'value']),
submitted: state.getIn(['search', 'submitted']),
});
export default
@connect(mapStateToProps)
class Header extends PureComponent {
static propTypes = {
value: PropTypes.string,
submitted: PropTypes.bool,
};
state = {
submittedValue: '',
};
componentWillReceiveProps (nextProps) {
if (nextProps.submitted) {
const submittedValue = nextProps.value;
this.setState({submittedValue})
}
}
render () {
const { submittedValue } = this.state;
if (!submittedValue) {
return null;
}
return (
<div className='search-header'>
<div className='search-header__text-container'>
<h1 className='search-header__title-text'>
{submittedValue}
</h1>
</div>
<div className='search-header__type-filters'>
<div className='search-header__type-filters-tabs'>
{ /* <SectionHeadlineBar
items={[
{
to: '/search',
title: <FormattedMessage id='search_results.top' defaultMessage='Top' />
}
]}
/> */ }
</div>
</div>
</div>
);
}
}

44
app/javascript/gabsocial/features/search/components/header/header.scss
View File

@@ -1,44 +0,0 @@
.search-header {
display: block;
width: 100%;
&__text-container {
display: none;
padding: 25px 0;
background-color: lighten($ui-base-color, 6%);
@media (min-width:895px) {
display: block;
}
}
&__title-text {
color: $primary-text-color;
padding-left: 20px;
max-width: 1200px;
@include text-sizing(27px, bold, 32px);
@include text-overflow(nowrap);
@include margin-center;
@media (min-width:895px) and (max-width:1190px) {
max-width: 900px;
}
}
&__type-filters-tabs {
display: flex;
width: 100%;
max-width: 1200px;
@include margin-center;
@media screen and (max-width:895px) {
max-width: 580px;
}
@media (min-width:895px) and (max-width:1190px) {
max-width: 900px;
}
}
}

1
app/javascript/gabsocial/features/search/components/header/index.js
View File

@@ -1 +0,0 @@
export { default } from './header'

2
app/javascript/gabsocial/features/search/index.js
View File

@@ -1 +1 @@
export { default } from './search'
export { default } from '../search'

20
app/javascript/gabsocial/features/search/search.js
View File

@@ -1,20 +0,0 @@
// import SearchContainer from '../compose/containers/search_container';
import SearchResultsContainer from '../compose/containers/search_results_container';
export default class Search extends PureComponent {
render() {
return (
<div className='column search-page'>
{ /* <SearchContainer /> */ }
<div className='drawer__pager'>
<div className='drawer__inner darker'>
<SearchResultsContainer />
</div>
</div>
</div>
)
}
}