UI Changes for Profile & Preferences #133
@ -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>
|
||||||
|
|||||||
<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 }))} />
|
||||||
|
@ -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} />
|
||||||
|
|
||||||
Buy
|
Buy NIP-05
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user
Default refers to it being the default option, not the systems default theme