mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-02 04:12:47 +00:00
c38cc77fd0
Move the SVGs out of the `shared` directory, closer to where they are actually used. They are svg jsx files, setup as components, so i've moved them to the components directory. Deleted `combat.svg.jsx` because we don't use it anywhere. renamed the remaining two to be more descriptive of the image for additional clarity.
83 lines
3.0 KiB
JavaScript
83 lines
3.0 KiB
JavaScript
const React = require('react');
|
|
const moment = require('moment');
|
|
const UIPage = require('../basePages/uiPage/uiPage.jsx');
|
|
const NaturalCritIcon = require('client/components/svg/naturalcrit-d20.svg.jsx');
|
|
|
|
let SAVEKEY = '';
|
|
|
|
const AccountPage = (props)=>{
|
|
// destructure props and set state for save location
|
|
const { accountDetails, brew } = props;
|
|
const [saveLocation, setSaveLocation] = React.useState('');
|
|
|
|
// initialize save location from local storage based on user id
|
|
React.useEffect(()=>{
|
|
if(!saveLocation && accountDetails.username) {
|
|
SAVEKEY = `HB_editor_defaultSave_${accountDetails.username}`;
|
|
// if no SAVEKEY in local storage, default save location to Google Drive if user has Google account.
|
|
let saveLocation = window.localStorage.getItem(SAVEKEY);
|
|
saveLocation = saveLocation ?? (accountDetails.googleId ? 'GOOGLE-DRIVE' : 'HOMEBREWERY');
|
|
setActiveSaveLocation(saveLocation);
|
|
}
|
|
}, []);
|
|
|
|
const setActiveSaveLocation = (newSelection)=>{
|
|
if(saveLocation === newSelection) return;
|
|
window.localStorage.setItem(SAVEKEY, newSelection);
|
|
setSaveLocation(newSelection);
|
|
};
|
|
|
|
// todo: should this be a set of radio buttons (well styled) since it's either/or choice?
|
|
const renderSaveLocationButton = (name, key, shouldRender = true)=>{
|
|
if(!shouldRender) return null;
|
|
return (
|
|
<button className={saveLocation === key ? 'active' : ''} onClick={()=>{setActiveSaveLocation(key);}}>
|
|
{name}
|
|
</button>
|
|
);
|
|
};
|
|
|
|
// render the entirety of the account page content
|
|
const renderAccountPage = ()=>{
|
|
return (
|
|
<>
|
|
<div className='dataGroup'>
|
|
<h1>Account Information <i className='fas fa-user'></i></h1>
|
|
<p><strong>Username: </strong>{accountDetails.username || 'No user currently logged in'}</p>
|
|
<p><strong>Last Login: </strong>{moment(accountDetails.issued).format('dddd, MMMM Do YYYY, h:mm:ss a ZZ') || '-'}</p>
|
|
</div>
|
|
<div className='dataGroup'>
|
|
<h3>Homebrewery Information <NaturalCritIcon /></h3>
|
|
<p><strong>Brews on Homebrewery: </strong>{accountDetails.mongoCount}</p>
|
|
</div>
|
|
<div className='dataGroup'>
|
|
<h3>Google Information <i className='fab fa-google-drive'></i></h3>
|
|
<p><strong>Linked to Google: </strong>{accountDetails.googleId ? 'YES' : 'NO'}</p>
|
|
{accountDetails.googleId && (
|
|
<p>
|
|
<strong>Brews on Google Drive: </strong>{accountDetails.googleCount ?? (
|
|
<>
|
|
Unable to retrieve files - <a href='https://github.com/naturalcrit/homebrewery/discussions/1580'>follow these steps to renew your Google credentials.</a>
|
|
</>
|
|
)}
|
|
</p>
|
|
)}
|
|
</div>
|
|
<div className='dataGroup'>
|
|
<h4>Default Save Location</h4>
|
|
{renderSaveLocationButton('Homebrewery', 'HOMEBREWERY')}
|
|
{renderSaveLocationButton('Google Drive', 'GOOGLE-DRIVE', accountDetails.googleId)}
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
// return the account page inside the base layout wrapper (with navbar etc).
|
|
return (
|
|
<UIPage brew={brew}>
|
|
{renderAccountPage()}
|
|
</UIPage>);
|
|
};
|
|
|
|
module.exports = AccountPage;
|