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 (
{gettext("Library Type")} |
{gettext("Name")}
{/*TODO: sort*/}
|
{gettext("Actions")} |
{gettext("Size")} |
{gettext("Last Update")}
{/*TODO: sort*/}
|
{gettext("Owner")} |
{this.renderRepoListView()}
);
}
renderMobileUI = () => {
let isShowTableThread = this.props.isShowTableThread !== undefined ? this.props.isShowTableThread : true;
return (
{gettext("Library Type")} |
{gettext("Sort:")} {/* TODO: sort */}
{gettext("name")}
{gettext("last update")}
|
{gettext("Actions")} |
{this.renderRepoListView()}
);
}
render() {
if (window.innerWidth >= 768) {
return this.renderPCUI();
} else {
return this.renderMobileUI();
}
}
}
SharedRepoListView.propTypes = propTypes;
export default SharedRepoListView;