UI Changes for Profile & Preferences #133

Closed
FlannelDipole wants to merge 1 commits from propref-changes into main
2 changed files with 5 additions and 5 deletions

View File

@ -17,7 +17,7 @@ const PreferencesPage = () => {
</div> </div>
<div> <div>
<select value={perf.theme} onChange={e => dispatch(setPreferences({ ...perf, theme: e.target.value} as UserPreferences))}> <select value={perf.theme} onChange={e => dispatch(setPreferences({ ...perf, theme: e.target.value} as UserPreferences))}>
<option value="system">System (Default)</option> <option value="system">System</option>
<option value="light">Light</option> <option value="light">Light</option>
v0l commented 2023-01-24 13:13:09 +00:00 (Migrated from github.com)
Review

Default refers to it being the default option, not the systems default theme

Default refers to it being the default option, not the systems default theme
<option value="dark">Dark</option> <option value="dark">Dark</option>
</select> </select>
@ -34,8 +34,8 @@ const PreferencesPage = () => {
</div> </div>
<div className="card flex"> <div className="card flex">
<div className="flex f-col f-grow"> <div className="flex f-col f-grow">
<div>Enable reactions</div> <div>Message reaction options</div>
<small>Reactions will be shown on every page, if disabled no reactions will be shown</small> <small>When the box is checked, you can like and repost, but when it's unchecked, you can't</small>
</div> </div>
<div> <div>
<input type="checkbox" checked={perf.enableReactions} onChange={e => dispatch(setPreferences({ ...perf, enableReactions: e.target.checked }))} /> <input type="checkbox" checked={perf.enableReactions} onChange={e => dispatch(setPreferences({ ...perf, enableReactions: e.target.checked }))} />

View File

@ -103,7 +103,7 @@ export default function ProfileSettings() {
return ( return (
<div className="editor"> <div className="editor">
<div className="form-group"> <div className="form-group">
<div>Name:</div> <div>Username:</div>
<div> <div>
<input type="text" value={name} onChange={(e) => setName(e.target.value)} /> <input type="text" value={name} onChange={(e) => setName(e.target.value)} />
</div> </div>
@ -133,7 +133,7 @@ export default function ProfileSettings() {
<div className="btn" onClick={() => navigate("/verification")}> <div className="btn" onClick={() => navigate("/verification")}>
<FontAwesomeIcon icon={faShop} /> <FontAwesomeIcon icon={faShop} />
&nbsp; &nbsp;
Buy Buy NIP-05
</div> </div>
</div> </div>
</div> </div>