f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-10 13:32:45 +00:00
Code Wiki Activity

Merge pull request #4226 from naturalcrit/refactor-homebrew.jsx-to-functional

Browse Source 
refactor homebrew.jsx to be functional
This commit is contained in:
Trevor Buckner
2025-07-15 12:59:19 -04:00
committed by GitHub
parent 5ae01862e5 6de7a64acd
commit 0c2b1fec04
1 changed files with 54 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
client/homebrew/homebrew.jsx
View File

@@ -1,12 +1,8 @@
//╔===--------------- Polyfills --------------===╗// /* eslint-disable camelcase */
import 'core-js/es/string/to-well-formed.js'; import 'core-js/es/string/to-well-formed.js'; //Polyfill for older browsers
//╚===--------------- ---------------===╝// import './homebrew.less';
import React from 'react';
require('./homebrew.less'); import { StaticRouter as Router, Route, Routes, useParams, useSearchParams } from 'react-router';
const React = require('react');
const createClass = require('create-react-class');
const { StaticRouter:Router } = require('react-router');
const { Route, Routes, useParams, useSearchParams } = require('react-router');
const HomePage = require('./pages/homePage/homePage.jsx'); const HomePage = require('./pages/homePage/homePage.jsx');
const EditPage = require('./pages/editPage/editPage.jsx'); const EditPage = require('./pages/editPage/editPage.jsx');
@@ -34,17 +30,15 @@ const WithRoute = (props)=>{
return <Element {...allProps} />; return <Element {...allProps} />;
}; };
const Homebrew = createClass({ const Homebrew = (props)=>{
displayName : 'Homebrewery', const {
getDefaultProps : function() { url = '',
return { version = '0.0.0',
url : '', account = null,
welcomeText : '', enable_v3 = false,
changelog : '', enable_themes,
version : '0.0.0', config,
account : null, brew = {
enable_v3 : false,
brew : {
title : '', title : '',
text : '', text : '',
shareId : null, shareId : null,
@@ -52,44 +46,39 @@ const Homebrew = createClass({
createdAt : null, createdAt : null,
updatedAt : null, updatedAt : null,
lang : '' lang : ''
}
};
}, },
userThemes,
brews
} = props;
getInitialState : function() { global.account = account;
global.account = this.props.account; global.version = version;
global.version = this.props.version; global.enable_v3 = enable_v3;
global.enable_v3 = this.props.enable_v3; global.enable_themes = enable_themes;
global.enable_themes = this.props.enable_themes; global.config = config;
global.config = this.props.config;
return {};
},
render : function (){
return ( return (
<Router location={this.props.url}> <Router location={url}>
<div className='homebrew'> <div className='homebrew'>
<Routes> <Routes>
<Route path='/edit/:id' element={<WithRoute el={EditPage} brew={this.props.brew} userThemes={this.props.userThemes}/>} /> <Route path='/edit/:id' element={<WithRoute el={EditPage} brew={brew} userThemes={userThemes}/>} />
<Route path='/share/:id' element={<WithRoute el={SharePage} brew={this.props.brew} />} /> <Route path='/share/:id' element={<WithRoute el={SharePage} brew={brew} />} />
<Route path='/new/:id' element={<WithRoute el={NewPage} brew={this.props.brew} userThemes={this.props.userThemes}/>} /> <Route path='/new/:id' element={<WithRoute el={NewPage} brew={brew} userThemes={userThemes}/>} />
<Route path='/new' element={<WithRoute el={NewPage} userThemes={this.props.userThemes}/> } /> <Route path='/new' element={<WithRoute el={NewPage} userThemes={userThemes}/> } />
<Route path='/user/:username' element={<WithRoute el={UserPage} brews={this.props.brews} />} /> <Route path='/user/:username' element={<WithRoute el={UserPage} brews={brews} />} />
<Route path='/vault' element={<WithRoute el={VaultPage}/>}/> <Route path='/vault' element={<WithRoute el={VaultPage}/>}/>
<Route path='/changelog' element={<WithRoute el={SharePage} brew={this.props.brew} disableMeta={true} />} /> <Route path='/changelog' element={<WithRoute el={SharePage} brew={brew} disableMeta={true} />} />
<Route path='/faq' element={<WithRoute el={SharePage} brew={this.props.brew} disableMeta={true} />} /> <Route path='/faq' element={<WithRoute el={SharePage} brew={brew} disableMeta={true} />} />
<Route path='/migrate' element={<WithRoute el={SharePage} brew={this.props.brew} disableMeta={true} />} /> <Route path='/migrate' element={<WithRoute el={SharePage} brew={brew} disableMeta={true} />} />
<Route path='/account' element={<WithRoute el={AccountPage} brew={this.props.brew} accountDetails={this.props.brew.accountDetails} />} /> <Route path='/account' element={<WithRoute el={AccountPage} brew={brew} accountDetails={brew.accountDetails} />} />
<Route path='/legacy' element={<WithRoute el={HomePage} brew={this.props.brew} />} /> <Route path='/legacy' element={<WithRoute el={HomePage} brew={brew} />} />
<Route path='/error' element={<WithRoute el={ErrorPage} brew={this.props.brew} />} /> <Route path='/error' element={<WithRoute el={ErrorPage} brew={brew} />} />
<Route path='/' element={<WithRoute el={HomePage} brew={this.props.brew} />} /> <Route path='/' element={<WithRoute el={HomePage} brew={brew} />} />
<Route path='/*' element={<WithRoute el={HomePage} brew={this.props.brew} />} /> <Route path='/*' element={<WithRoute el={HomePage} brew={brew} />} />
</Routes> </Routes>
</div> </div>
</Router> </Router>
); );
} };
});
module.exports = Homebrew; module.exports = Homebrew;