import React, {Fragment} from 'react'; import PropTypes from 'prop-types'; import { gettext } from '../../utils/constants'; import SharedRepoListItem from './shared-repo-list-item'; const propTypes = { libraryType: PropTypes.string, currentGroup: PropTypes.object, isShowTableThread: PropTypes.bool, repoList: PropTypes.array.isRequired, onItemUnshare: PropTypes.func.isRequired, onItemDelete: PropTypes.func.isRequired, }; class SharedRepoListView 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 isShowTableThread = this.props.isShowTableThread !== undefined ? this.props.isShowTableThread : true; return ( {this.renderRepoListView()}
{gettext("Library Type")} {gettext("Name")} {/*TODO: sort*/} {gettext("Actions")} {gettext("Size")} {gettext("Last Update")} {/*TODO: sort*/} {gettext("Owner")}
); } renderMobileUI = () => { let isShowTableThread = this.props.isShowTableThread !== undefined ? this.props.isShowTableThread : true; return ( {this.renderRepoListView()}
{gettext("Library Type")} {gettext("Sort:")} {/* TODO: sort */} {gettext("name")} {gettext("last update")} {gettext("Actions")}
); } render() { if (window.innerWidth >= 768) { return this.renderPCUI(); } else { return this.renderMobileUI(); } } } SharedRepoListView.propTypes = propTypes; export default SharedRepoListView;