remove color

This commit is contained in:
Víctor Losada Hernández
2026-10-10 22:53:39 +02:00
parent 61ab9196de
commit 7b1cb31d20
8 changed files with 18 additions and 25 deletions
+6 -7
View File
@@ -61,17 +61,16 @@ const Account = createReactClass({
render : function(){
// Logged in
if(global.account){
return <div className='nav-section'>
return <Dropdown groupName={global.account.username} customTrigger={<>{global.account.username}</>} icon={null} key={global.account.username}>
<div className='nav-section'>
<Nav.item
href={`/user/${encodeURIComponent(global.account.username)}`}
color='yellow'
icon='fas fa-beer'
>
brews
</Nav.item>
<Nav.item
className='account'
color='orange'
icon='fas fa-user'
href='/account'
>
@@ -79,26 +78,26 @@ const Account = createReactClass({
</Nav.item>
<Nav.item
className='logout'
color='red'
icon='fas fa-power-off'
onClick={this.handleLogout}
>
logout
</Nav.item>
</div>;
</div>
</Dropdown>
}
// Logged out
// LOCAL ONLY
if(global.config?.local) {
return <Nav.item color='teal' icon='fas fa-sign-in-alt' onClick={this.localLogin}>
return <Nav.item icon='fas fa-sign-in-alt' onClick={this.localLogin}>
login
</Nav.item>;
};
// Logged out
// Production site
return <Nav.item href={`https://www.naturalcrit.com/login?redirect=${this.state.url}`} color='teal' icon='fas fa-sign-in-alt'>
return <Nav.item href={`https://www.naturalcrit.com/login?redirect=${this.state.url}`} icon='fas fa-sign-in-alt'>
login
</Nav.item>;
}
+3 -3
View File
@@ -5,7 +5,7 @@ import Nav from './nav.jsx';
export default function(props){
return <div className='nav-section'>
<Nav.item color='red' icon='fas fa-fw fa-bug'
<Nav.item icon='fas fa-fw fa-bug'
href={`https://www.reddit.com/r/homebrewery/submit?selftext=true&text=${encodeURIComponent(dedent`
- **Browser(s)** :
- **Operating System** :
@@ -15,13 +15,13 @@ export default function(props){
rel='noopener noreferrer'>
report issue
</Nav.item>
<Nav.item color='green' icon='fas fa-question-circle'
<Nav.item icon='fas fa-question-circle'
href='/faq'
newTab={true}
rel='noopener noreferrer'>
FAQ
</Nav.item>
<Nav.item color='blue' icon='fas fa-fw fa-file-import'
<Nav.item icon='fas fa-fw fa-file-import'
href='/migrate'
newTab={true}
rel='noopener noreferrer'>
+1 -1
View File
@@ -70,7 +70,7 @@ const MetadataNav = createReactClass({
render : function(){
if(!this.props.brew?.shareId || this.props.pageName !== 'sharePage') return <></>;
return <Nav.item icon='fas fa-info-circle' color='grey' className='metadata'
return <Nav.item icon='fas fa-info-circle' className='metadata'
onClick={()=>this.toggleMetaWindow()}>
{this.props.children}
{this.renderMetaWindow()}
+2 -2
View File
@@ -24,8 +24,8 @@ const Nav = {
</div>;
},
item : ({ icon, kbd, href, newTab, onClick, color, children, className, disabled, noDismiss, ...props })=>{
const classes = cx('navItem', color, className);
item : ({ icon, kbd, href, newTab, onClick, children, className, disabled, noDismiss, ...props })=>{
const classes = cx('navItem', className);
if(disabled) {
return <button className={classes} disabled>{children}{icon && <i className={icon}></i>}</button>;
}
+2 -4
View File
@@ -127,7 +127,7 @@ const Navbar = ({ children, brew, pageName, editor, title, currentPage, props })
{renderEditLink()}
<ShareNavItem brew={brew} disabled={!brew?.shareId} currentPage={currentPage} />
<div className='nav-section'>
<Nav.item className='patreon' newTab={true} href='https://www.patreon.com/NaturalCrit' color='green' icon='fas fa-heart'>
<Nav.item className='patreon' newTab={true} href='https://www.patreon.com/NaturalCrit' icon='fas fa-heart'>
Patreon
</Nav.item>
<Nav.item icon='fas fa-dungeon' href='/vault' newTab={false} rel='noopener noreferrer'>
@@ -163,9 +163,7 @@ const Navbar = ({ children, brew, pageName, editor, title, currentPage, props })
{pageName !== 'sharePage' && <Nav.header className='brewTitle'>{title}</Nav.header>}
<MetadataNavItem brew={brew} pageName={pageName}></MetadataNavItem>
<ul>
<Dropdown groupName={account.username} customTrigger={<>{account.username}</>} icon={null} key={account.username}>
<AccountNavItem />
</Dropdown>
<AccountNavItem />
</ul>
</nav>
);
@@ -70,21 +70,18 @@ const NewBrew = ()=>{
className='new'
href='/new'
newTab={true}
color='purple'
icon='fa-solid fa-file'>
resume draft
</Nav.item>
<Nav.item
className='fromBlank'
newTab={true}
color='yellow'
icon='fa-solid fa-file-circle-plus'
onClick={()=>{ clearLocalStorage(); }}>
from blank
</Nav.item>
<Nav.item
className='fromFile'
color='green'
icon='fa-solid fa-upload'
onClick={()=>{ document.getElementById('uploadTxt').click(); }}>
<input id='uploadTxt' className='newFromLocal' type='file' onChange={handleFileChange} style={{ display: 'none' }} />
+1 -1
View File
@@ -19,7 +19,7 @@ export default function({ disabled }){
const handlePrintPrepFinished = ()=>{ setPrinting(false); };
return <Nav.item onClick={printCurrentBrew} color='purple' icon='far fa-file-pdf' disabled={disabled}>
return <Nav.item onClick={printCurrentBrew} icon='far fa-file-pdf' disabled={disabled}>
{printing ? 'loading' : 'get PDF'}
</Nav.item>;
};
+3 -4
View File
@@ -21,19 +21,18 @@ const getRedditLink = (brew)=>{
export default ({ brew, disabled, currentPage })=>{
return (
<div className='nav-section'>
<Nav.item color='blue' href={`/share/${getShareId(brew)}`} disabled={disabled}>
<Nav.item href={`/share/${getShareId(brew)}`} disabled={disabled}>
view share page
</Nav.item>
<Nav.item color='blue' onClick={()=>{navigator.clipboard.writeText(`${global.config.baseUrl}/share/${getShareId(brew)}`);}} disabled={disabled}>
<Nav.item onClick={()=>{navigator.clipboard.writeText(`${global.config.baseUrl}/share/${getShareId(brew)}`);}} disabled={disabled}>
copy share url
</Nav.item>
{currentPage > 1 &&
<Nav.item
color='blue'
onClick={()=>{navigator.clipboard.writeText(`${global.config.baseUrl}/share/${getShareId(brew)}#p${currentPage}`);}}>
copy url (page {currentPage})
</Nav.item>}
<Nav.item color='blue' href={!disabled && getRedditLink(brew)} newTab rel='noopener noreferrer' disabled={disabled}>
<Nav.item href={!disabled && getRedditLink(brew)} newTab rel='noopener noreferrer' disabled={disabled}>
post to reddit
</Nav.item>
</div>