Fix TextInputs across components

refs TS-1942, TS-1829
thunderstore-io · Nov 15, 2023 · c34d4bb · c34d4bb
1 parent 02b4d89
commit c34d4bb
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 6 deletions.
diff --git a/packages/cyberstorm/src/components/Layout/CommunityListLayout/CommunityListLayout.tsx b/packages/cyberstorm/src/components/Layout/CommunityListLayout/CommunityListLayout.tsx
@@ -39,7 +39,7 @@ export function CommunityListLayout() {
         <div className={styles.filters}>
           <div className={styles.searchTextInput}>
             <TextInput
-              setValue={setSearchValue}
+              onChange={(e) => setSearchValue(e.target.value)}
               value={searchValue}
               placeHolder="Search communities..."
               leftIcon={<FontAwesomeIcon icon={faSearch} />}

diff --git a/packages/cyberstorm/src/components/Layout/LoginLayout/LoginForm/LoginForm.tsx b/packages/cyberstorm/src/components/Layout/LoginLayout/LoginForm/LoginForm.tsx
@@ -40,7 +40,7 @@ export function LoginForm() {
                 </label>
                 <TextInput
                   value={email}
-                  setValue={setEmail}
+                  onChange={(e) => setEmail(e.target.value)}
                   id="login_email"
                   placeHolder="Email"
                 />
@@ -52,7 +52,7 @@ export function LoginForm() {
                 <TextInput
                   type="password"
                   value={password}
-                  setValue={setPassword}
+                  onChange={(e) => setPassword(e.target.value)}
                   id="login_password"
                   placeHolder="Password"
                 />

diff --git a/packages/cyberstorm/src/components/Layout/Teams/TeamSettings/TeamDetails/TeamDetails.tsx b/packages/cyberstorm/src/components/Layout/Teams/TeamSettings/TeamDetails/TeamDetails.tsx
@@ -32,7 +32,7 @@ export function TeamDetails(props: Props) {
                 <div className={styles.donationLinkTextInput}>
                   <TextInput
                     placeHolder="https://"
-                    setValue={setDonationLink}
+                    onChange={(e) => setDonationLink(e.target.value)}
                     value={donationLink}
                   />
                 </div>

diff --git a/...torm/src/components/Layout/Teams/TeamSettings/TeamServiceAccounts/TeamServiceAccounts.tsx b/...torm/src/components/Layout/Teams/TeamSettings/TeamServiceAccounts/TeamServiceAccounts.tsx
@@ -83,7 +83,9 @@ export function TeamServiceAccounts(props: Props) {
                       <span className={styles.dialogTeamName}>{teamName}</span>
                     </p>
                     <TextInput
-                      setValue={setAddedServiceAccountName}
+                      onChange={(e) =>
+                        setAddedServiceAccountName(e.target.value)
+                      }
                       value={addedServiceAccountName}
                       placeHolder="Username"
                     />

diff --git a/packages/cyberstorm/src/components/PackageSearch/PackageSearch.tsx b/packages/cyberstorm/src/components/PackageSearch/PackageSearch.tsx
@@ -47,7 +47,7 @@ export function PackageSearch(props: Props) {
       <TextInput
         placeHolder="Filter Mods..."
         value={searchValue}
-        setValue={setSearchValue}
+        onChange={(e) => setSearchValue(e.target.value)}
         leftIcon={<FontAwesomeIcon icon={faSearch} />}
       />