import React, {Fragment} from 'react'; import PropTypes from 'prop-types'; import { gettext } from '../../utils/constants'; import ShareRepoListItem from './share-repo-list-item'; const propTypes = { currentGroup: PropTypes.object, repoList: PropTypes.array.isRequired, isShowRepoOwner: PropTypes.bool.isRequired, isShowTableThread: PropTypes.bool, }; class ShareRepoListView extends React.Component { constructor(props) { super(props); this.state = { isItemFreezed: false, }; } onFreezedItem = () => { this.setState({ isItemFreezed: !this.state.isItemFreezed, }); } renderRepoListView = () => { return ( {this.props.repoList.map(repo => { return ( ); })} ); } renderPCUI = () => { let isShowRepoOwner = this.props.isShowRepoOwner; let isShowTableThread = this.props.isShowTableThread !== undefined ? this.props.isShowTableThread : true; return ( {isShowRepoOwner && } {this.renderRepoListView()}
{gettext("Library Type")} {gettext("Name")} {/*TODO: sort*/} {gettext("Actions")} {gettext("Size")} {gettext("Last Update")} {/*TODO: sort*/} {gettext("Owner")}
); } renderMobileUI = () => { let isShowRepoOwner = this.props.isShowRepoOwner; let isShowTableThread = this.props.isShowTableThread !== undefined ? this.props.isShowTableThread : true; return ( {this.renderRepoListView()}
{gettext("Library Type")} {isShowRepoOwner ? ( {gettext("Sort:")} {/* TODO: sort */} {gettext("name")} {gettext("last update")} ) : (gettext('name')) } {gettext("Actions")}
); } render() { if (window.innerWidth >= 768) { return this.renderPCUI(); } else { return this.renderMobileUI(); } } } ShareRepoListView.propTypes = propTypes; export default ShareRepoListView;