From a96ff6ecb3a6c40fd223091ee4d99dc477b1dc05 Mon Sep 17 00:00:00 2001
From: Gazook89 <John.W.Jones89@gmail.com>
Date: Mon, 23 Sep 2024 21:05:37 -0500
Subject: [PATCH] Variable name changes for clarity

Followed suggestions on the PR.
---
 client/homebrew/editor/tagInput/tagInput.jsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/homebrew/editor/tagInput/tagInput.jsx b/client/homebrew/editor/tagInput/tagInput.jsx
index 8161ffe51..816541167 100644
--- a/client/homebrew/editor/tagInput/tagInput.jsx
+++ b/client/homebrew/editor/tagInput/tagInput.jsx
@@ -4,12 +4,12 @@ const { useState, useEffect } = React;
 const _     = require('lodash');
 
 const TagInput = ({ unique = true, values = [], ...props }) => {
-	const [temporaryValue, setTemporaryValue] = useState('');
-	const [valueContext, setValueContext] = useState(values.map((value) => ({ value, editing: false })));
+	const [tempInputText, setTempInputText] = useState('');
+	const [tagList, setTagList] = useState(values.map((value) => ({ value, editing: false })));
 
 	useEffect(()=>{
-		handleChange(valueContext.map((context)=>context.value))
-	}, [valueContext])
+		handleChange(tagList.map((context)=>context.value))
+	}, [tagList])
 
 	const handleChange = (value)=>{
 		props.onChange({
@@ -22,13 +22,13 @@ const TagInput = ({ unique = true, values = [], ...props }) => {
 			evt.preventDefault();
 			submitTag(evt.target.value, value, index);
 			if (options.clear) {
-				setTemporaryValue('');
+				setTempInputText('');
 			}
 		}
 	};
 
 	const submitTag = (newValue, originalValue, index) => {
-		setValueContext((prevContext) => {
+		setTagList((prevContext) => {
 			// remove existing tag
 			if(newValue === null){
 				return [...prevContext].filter((context, i)=>i !== index);
@@ -48,7 +48,7 @@ const TagInput = ({ unique = true, values = [], ...props }) => {
 	};
 
 	const editTag = (index) => {
-		setValueContext((prevContext) => {
+		setTagList((prevContext) => {
 			return prevContext.map((context, i) => {
 				if (i === index) {
 					return { ...context, editing: true };
@@ -86,15 +86,15 @@ const TagInput = ({ unique = true, values = [], ...props }) => {
 			<label>{props.label}</label>
 			<div className='value'>
 				<ul className='list'>
-					{valueContext.map((context, index) => { return context.editing ? renderWriteTag(context, index) : renderReadTag(context, index); })}
+					{tagList.map((context, index) => { return context.editing ? renderWriteTag(context, index) : renderReadTag(context, index); })}
 				</ul>
 
 				<input
 					type='text'
 					className='value'
 					placeholder={props.placeholder}
-					value={temporaryValue}
-					onChange={(e) => setTemporaryValue(e.target.value)}
+					value={tempInputText}
+					onChange={(e) => setTempInputText(e.target.value)}
 					onKeyDown={(evt) => handleInputKeyDown({ evt, value: null, options: { clear: true } })}
 				/>
 			</div>