mirror of
				https://github.com/superseriousbusiness/gotosocial.git
				synced 2025-10-31 07:12:26 -05:00 
			
		
		
		
	[frogend] Settings refactor (#1318)
* yakshave new form field structure * fully refactor user profile settings form * use rtk query api for profile settings * refactor user post settings * refactor password change form * refactor admin settings * FormWithData structure for user forms * admin actions refactor * whitespace * fix user settings data prop * remove superfluous logging * cleanup old code * refactor federation/suspend (overview, detail) * mostly abstracted (emoji) checkbox list * refactor parse-from-toot * refactor custom-emoji, progress on federation bulk * loading icon styling to prevent big spinny * refactor federation import-export interface * cleanup old files * [chore] Update/add license headers for 2023 * redux fixes * text-field exports * appease the linter * refactor authentication with RTK Query * fix login/logout state transition weirdness * fixes/cleanup * small linter-related fixes * add eslint license header check, fix existing files * remove old code, clarify comment * clarify suspend on subdomains * collapse if/else * fa-fw width info comment
This commit is contained in:
		
					parent
					
						
							
								974ec80a20
							
						
					
				
			
			
				commit
				
					
						9b139b6320
					
				
			
		
					 69 changed files with 3129 additions and 2663 deletions
				
			
		
							
								
								
									
										67
									
								
								web/source/settings/lib/form/text.jsx
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										67
									
								
								web/source/settings/lib/form/text.jsx
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,67 @@ | |||
| /* | ||||
| 	GoToSocial | ||||
| 	Copyright (C) 2021-2023 GoToSocial Authors admin@gotosocial.org | ||||
| 
 | ||||
| 	This program is free software: you can redistribute it and/or modify | ||||
| 	it under the terms of the GNU Affero General Public License as published by | ||||
| 	the Free Software Foundation, either version 3 of the License, or | ||||
| 	(at your option) any later version. | ||||
| 
 | ||||
| 	This program is distributed in the hope that it will be useful, | ||||
| 	but WITHOUT ANY WARRANTY; without even the implied warranty of | ||||
| 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | ||||
| 	GNU Affero General Public License for more details. | ||||
| 
 | ||||
| 	You should have received a copy of the GNU Affero General Public License | ||||
| 	along with this program.  If not, see <http://www.gnu.org/licenses/>. | ||||
| */ | ||||
| 
 | ||||
| "use strict"; | ||||
| 
 | ||||
| const React = require("react"); | ||||
| 
 | ||||
| module.exports = function useTextInput({ name, Name }, { validator, defaultValue = "", dontReset = false } = {}) { | ||||
| 	const [text, setText] = React.useState(defaultValue); | ||||
| 	const [valid, setValid] = React.useState(true); | ||||
| 	const textRef = React.useRef(null); | ||||
| 
 | ||||
| 	function onChange(e) { | ||||
| 		let input = e.target.value; | ||||
| 		setText(input); | ||||
| 	} | ||||
| 
 | ||||
| 	function reset() { | ||||
| 		if (!dontReset) { | ||||
| 			setText(defaultValue); | ||||
| 		} | ||||
| 	} | ||||
| 
 | ||||
| 	React.useEffect(() => { | ||||
| 		if (validator && textRef.current) { | ||||
| 			let res = validator(text); | ||||
| 			setValid(res == ""); | ||||
| 			textRef.current.setCustomValidity(res); | ||||
| 		} | ||||
| 	}, [text, textRef, validator]); | ||||
| 
 | ||||
| 	// Array / Object hybrid, for easier access in different contexts | ||||
| 	return Object.assign([ | ||||
| 		onChange, | ||||
| 		reset, | ||||
| 		{ | ||||
| 			[name]: text, | ||||
| 			[`${name}Ref`]: textRef, | ||||
| 			[`set${Name}`]: setText, | ||||
| 			[`${name}Valid`]: valid, | ||||
| 		} | ||||
| 	], { | ||||
| 		onChange, | ||||
| 		reset, | ||||
| 		name, | ||||
| 		value: text, | ||||
| 		ref: textRef, | ||||
| 		setter: setText, | ||||
| 		valid, | ||||
| 		hasChanged: () => text != defaultValue | ||||
| 	}); | ||||
| }; | ||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue