qugalet/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2024-12-22 18:22:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Admin panel] Make Description boxes multi-line (#781)

Browse source
This commit is contained in:
Blackle Morisanchetto 2022-08-30 05:44:39 -04:00 committed by GitHub
parent 5d9c6b0e5a
commit ea902bb500
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/source/panels/admin/settings.js
View file

@ -85,6 +85,7 @@ function editableObject(obj, path=[]) {
const hiddenKeys = ["contact_account_", "urls"]; const hiddenKeys = ["contact_account_", "urls"];
const explicitShownKeys = ["contact_account_username"]; const explicitShownKeys = ["contact_account_username"];
const implementedKeys = "title, contact_account_username, email, short_description, description, terms, avatar, header".split(", "); const implementedKeys = "title, contact_account_username, email, short_description, description, terms, avatar, header".split(", ");
const textareaKeys = ["short_description", "description"]
let listing = Object.entries(obj).map(([key, val]) => { let listing = Object.entries(obj).map(([key, val]) => {
let fullkey = [...path, key].join("_"); let fullkey = [...path, key].join("_");
@ -155,11 +156,17 @@ function editableObject(obj, path=[]) {
} }
} }
let field;
if (textareaKeys.includes(fullkey)) {
field = <textarea className={isImplemented} ref={setRef} {...inputProps}></textarea>
} else {
field = <input className={isImplemented} ref={setRef} {...inputProps} />
}
return ( return (
<React.Fragment key={fullkey}> <React.Fragment key={fullkey}>
<label htmlFor={key} className="capitalize">{label}</label> <label htmlFor={key} className="capitalize">{label}</label>
<div className={isImplemented}> <div className={isImplemented}>
<input className={isImplemented} ref={setRef} {...inputProps} /> {field}
</div> </div>
</React.Fragment> </React.Fragment>
); );