remove prop drilling

client/homebrew/editor/editor.jsx

@@ -466,7 +466,6 @@ const Editor = createClass({
 					rerenderParent={this.rerenderParent} />
 				<MetadataEditor
 					metadata={this.props.brew}
-					isOwner={this.props.isOwner}
 					themeBundle={this.props.themeBundle}
 					onChange={this.props.onMetaChange}
 					reportError={this.props.reportError}

client/homebrew/editor/metadataEditor/metadataEditor.jsx

@@ -47,6 +47,7 @@ const MetadataEditor = createClass({
 
 	getInitialState : function(){
 		return {
+			isOwner : global.account?.username && global.account?.username === this.props.metadata?.authors[0],
 			showThumbnail : true
 		};
 	},
@@ -212,7 +213,7 @@ const MetadataEditor = createClass({
 		if(authors && authors.length){
 			text = authors.join(', ');
 		}
-		if(!this.props.isOwner || authors.length < 2) return (
+		if(!this.state.isOwner || authors.length < 2) return (
 			<div className='field authors'>
 				<label>authors</label>
 				<div className='value'>

client/homebrew/homebrew.jsx

@@ -39,8 +39,7 @@ const Homebrew = (props)=>{
 			lang      : ''
 		},
 		userThemes,
-		brews,
-		isOwner,
+		brews
 	} = props;
 
 	global.account       = account;
@@ -53,7 +52,7 @@ const Homebrew = (props)=>{
 		<Router location={url}>
 			<div className='homebrew'>
 				<Routes>
-					<Route path='/edit/:id' element={<WithRoute el={EditPage} isOwner={isOwner} brew={brew} userThemes={userThemes}/>} />
+					<Route path='/edit/:id' element={<WithRoute el={EditPage} brew={brew} userThemes={userThemes}/>} />
 					<Route path='/share/:id' element={<WithRoute el={SharePage} brew={brew} />} />
 					<Route path='/new/:id' element={<WithRoute el={NewPage} brew={brew} userThemes={userThemes}/>} />
 					<Route path='/new' element={<WithRoute el={NewPage} userThemes={userThemes}/> } />

client/homebrew/pages/editPage/editPage.jsx

@@ -491,7 +491,6 @@ const EditPage = createClass({
 					<Editor
 						ref={this.editor}
 						brew={this.state.brew}
-						isOwner={this.props.isOwner}
 						onTextChange={this.handleTextChange}
 						onStyleChange={this.handleStyleChange}
 						onSnipChange={this.handleSnipChange}

server/app.js

@@ -378,7 +378,6 @@ app.get('/edit/:id', asyncHandler(getBrew('edit')), asyncHandler(async(req, res,
 	req.brew = req.brew.toObject ? req.brew.toObject() : req.brew;
 
 	req.userThemes = await(getUsersBrewThemes(req.account?.username));
-	req.isOwner = req.account && (req.account.username == req.brew.authors[0]);
 	req.ogMeta = { ...defaultMetaTags,
 		title       : req.brew.title || 'Untitled Brew',
 		description : req.brew.description || 'No description.',
@@ -566,7 +565,6 @@ const renderPage = async (req, res)=>{
 		config        : configuration,
 		ogMeta        : req.ogMeta,
 		userThemes    : req.userThemes,
-		isOwner       : req.isOwner,
 	};
 	const title = req.brew ? req.brew.title : '';
 	const page = await templateFn('homebrew', title, props)