f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-14 04:12:43 +00:00
Code Wiki Activity

initial commit

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-10-23 09:02:23 +02:00
parent c723f820f7
commit 9d2a305f03
1 changed files with 42 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
client/homebrew/pages/userPage/userPage.jsx
View File

@@ -1,5 +1,5 @@
const React = require('react'); const React = require('react');
const createClass = require('create-react-class'); const { useState, useEffect } = require('react');
const _ = require('lodash'); const _ = require('lodash');
const ListPage = require('../basePages/listPage/listPage.jsx'); const ListPage = require('../basePages/listPage/listPage.jsx');
@@ -14,69 +14,50 @@ const HelpNavItem = require('../../navbar/help.navitem.jsx');
const ErrorNavItem = require('../../navbar/error-navitem.jsx'); const ErrorNavItem = require('../../navbar/error-navitem.jsx');
const VaultNavitem = require('../../navbar/vault.navitem.jsx'); const VaultNavitem = require('../../navbar/vault.navitem.jsx');
const UserPage = createClass({ const UserPage = (props) => {
displayName : 'UserPage', const { username = '', brews = [], query = '', error = null } = props;
getDefaultProps : function() { const usernameWithS = username + (username.endsWith('s') ? `’` : `’s`);
return {
username : '',
brews : [],
query : '',
error : null
};
},
getInitialState : function() {
const usernameWithS = this.props.username + (this.props.username.endsWith('s') ? `’` : `’s`);
const brews = _.groupBy(this.props.brews, (brew)=>{ const groupedBrews = _.groupBy(brews, (brew) => {
return (brew.published ? 'published' : 'private'); return brew.published ? 'published' : 'private';
}); });
const brewCollection = [ const brewCollection = [
{ {
title : `${usernameWithS} published brews`, title: `${usernameWithS} published brews`,
class : 'published', class: 'published',
brews : brews.published brews: groupedBrews.published || []
} },
...(username === global.account?.username ? [{
title: `${usernameWithS} unpublished brews`,
class: 'unpublished',
brews: groupedBrews.private || []
}] : [])
]; ];
if(this.props.username == global.account?.username){
brewCollection.push(
{
title : `${usernameWithS} unpublished brews`,
class : 'unpublished',
brews : brews.private
}
);
}
return { const [currentError, setCurrentError] = useState(error);
brewCollection : brewCollection
const errorReported = (error) => {
setCurrentError(error);
}; };
},
errorReported : function(error) {
this.setState({
error
});
},
navItems : function() { const navItems = () => (
return <Navbar> <Navbar>
<Nav.section> <Nav.section>
{this.state.error ? {currentError && (<ErrorNavItem error={currentError} parent={null}></ErrorNavItem>)}
<ErrorNavItem error={this.state.error} parent={this}></ErrorNavItem> :
null
}
<NewBrew /> <NewBrew />
<HelpNavItem /> <HelpNavItem />
<VaultNavitem/> <VaultNavitem />
<RecentNavItem /> <RecentNavItem />
<Account /> <Account />
</Nav.section> </Nav.section>
</Navbar>; </Navbar>
}, );
render : function(){ return (
return <ListPage brewCollection={this.state.brewCollection} navItems={this.navItems()} query={this.props.query} reportError={this.errorReported}></ListPage>; <ListPage brewCollection={brewCollection} navItems={navItems()} query={query} reportError={errorReported}
} />
}); );
};
module.exports = UserPage; module.exports = UserPage;