components: Merge TextField and Input

Signed-off-by: Quentin Guidée <[email protected]>
vertex-center · Feb 18, 2024 · 80592d9 · 80592d9
1 parent fb3fbc5
commit 80592d9
Show file tree

Hide file tree

Showing 13 changed files with 21 additions and 142 deletions.
diff --git a/packages/components/lib/components/TextField/TextField.stories.tsx b/packages/components/lib/components/TextField/TextField.stories.tsx
diff --git a/packages/components/lib/components/TextField/TextField.test.tsx b/packages/components/lib/components/TextField/TextField.test.tsx
diff --git a/packages/components/lib/components/TextField/TextField.tsx b/packages/components/lib/components/TextField/TextField.tsx
diff --git a/packages/components/lib/index.ts b/packages/components/lib/index.ts
@@ -69,7 +69,6 @@ import {
     TableRow,
     TableRowProps,
 } from "./components/Table/Table";
-import { TextField } from "./components/TextField/TextField";
 import { Title, TitleType } from "./components/Title/Title";
 import { PageContext, PageProvider } from "./contexts/PageContext";
 import { useHasSidebar } from "./hooks/useHasSidebar";
@@ -155,7 +154,6 @@ export {
     TableHead,
     TableBody,
     TableHeadCell,
-    TextField,
     Title,
     Vertical,
     useHasSidebar,

diff --git a/src/apps/AdminSettings/SettingsNotifications/SettingsNotifications.tsx b/src/apps/AdminSettings/SettingsNotifications/SettingsNotifications.tsx
@@ -1,10 +1,5 @@
 import { Fragment, useEffect, useState } from "react";
-import {
-    Button,
-    MaterialIcon,
-    TextField,
-    Title,
-} from "@vertex-center/components";
+import { Button, Input, MaterialIcon, Title } from "@vertex-center/components";
 import { Horizontal } from "../../../components/Layouts/Layouts";
 import { APIError } from "../../../components/Error/APIError";
 import { ProgressOverlay } from "../../../components/Progress/Progress";
@@ -42,7 +37,7 @@ export default function SettingsNotifications() {
             <APIError error={error} />
             {!error && (
                 <Fragment>
-                    <TextField
+                    <Input
                         id="webhook"
                         label="Webhook"
                         value={webhook}

diff --git a/src/apps/Auth/pages/Account/AccountEmails.tsx b/src/apps/Auth/pages/Account/AccountEmails.tsx
@@ -2,6 +2,7 @@ import Content from "../../../../components/Content/Content";
 import {
     Button,
     Code,
+    Input,
     List,
     ListActions,
     ListDescription,
@@ -10,7 +11,6 @@ import {
     ListTitle,
     MaterialIcon,
     Paragraph,
-    TextField,
     Title,
 } from "@vertex-center/components";
 import {
@@ -154,7 +154,7 @@ export default function AccountEmails() {
                 title="Add email address"
                 actions={popupCreateActions}
             >
-                <TextField
+                <Input
                     label="Email address"
                     type="email"
                     value={email}

diff --git a/src/apps/Auth/pages/Account/AccountInfo.tsx b/src/apps/Auth/pages/Account/AccountInfo.tsx
@@ -2,8 +2,8 @@ import Content from "../../../../components/Content/Content";
 import {
     Button,
     Horizontal,
+    Input,
     MaterialIcon,
-    TextField,
     Title,
     Vertical,
 } from "@vertex-center/components";
@@ -55,7 +55,7 @@ export default function AccountInfo() {
             <ProgressOverlay show={isLoading} />
             <APIError error={error} />
             <Vertical gap={20}>
-                <TextField
+                <Input
                     id="username"
                     label="Username"
                     value={username}

diff --git a/src/apps/Auth/pages/Login/Login.tsx b/src/apps/Auth/pages/Login/Login.tsx
@@ -2,9 +2,9 @@ import "./Login.sass";
 import {
     Button,
     Horizontal,
+    Input,
     Logo,
     MaterialIcon,
-    TextField,
     Title,
     Vertical,
 } from "@vertex-center/components";
@@ -38,13 +38,13 @@ export default function Login() {
                     <Title variant="h1">Login</Title>
                 </Horizontal>
                 <Vertical gap={20}>
-                    <TextField
+                    <Input
                         id="username"
                         label="Username"
                         onChange={onUsernameChange}
                         required
                     />
-                    <TextField
+                    <Input
                         id="password"
                         label="Password"
                         onChange={onPasswordChange}

diff --git a/src/apps/Auth/pages/Register/Register.tsx b/src/apps/Auth/pages/Register/Register.tsx
@@ -5,9 +5,9 @@ import { ProgressOverlay } from "../../../../components/Progress/Progress";
 import {
     Button,
     Horizontal,
+    Input,
     Logo,
     MaterialIcon,
-    TextField,
     Title,
     Vertical,
 } from "@vertex-center/components";
@@ -38,13 +38,13 @@ export default function Register() {
                     <Title variant="h1">Register</Title>
                 </Horizontal>
                 <Vertical gap={20}>
-                    <TextField
+                    <Input
                         id="username"
                         label="Username"
                         onChange={onUsernameChange}
                         required
                     />
-                    <TextField
+                    <Input
                         id="password"
                         label="Password"
                         onChange={onPasswordChange}

diff --git a/src/apps/Containers/components/EnvVariableInput/EnvVariableInput.tsx b/src/apps/Containers/components/EnvVariableInput/EnvVariableInput.tsx
@@ -1,4 +1,4 @@
-import { TextField } from "@vertex-center/components";
+import { Input } from "@vertex-center/components";
 import TimezoneField from "../../../../components/TimezoneField/TimezoneField";
 import { EnvVariable } from "../../backend/models";
 
@@ -32,7 +32,7 @@ export default function EnvVariableInput(props: Readonly<Props>) {
             />
         );
     } else {
-        input = <TextField {...inputProps} />;
+        input = <Input {...inputProps} />;
     }
 
     return input;

diff --git a/src/apps/Containers/pages/ContainerDatabase/ContainerDetailsDatabase.tsx b/src/apps/Containers/pages/ContainerDatabase/ContainerDetailsDatabase.tsx
@@ -9,12 +9,7 @@ import ContainerSelect from "../../components/ContainerSelect/ContainerSelect";
 import { ChangeEvent, Fragment, useEffect, useState } from "react";
 import { Container } from "../../../../models/container";
 import Progress from "../../../../components/Progress";
-import {
-    Button,
-    MaterialIcon,
-    TextField,
-    Title,
-} from "@vertex-center/components";
+import { Button, Input, MaterialIcon, Title } from "@vertex-center/components";
 import { api } from "../../../../backend/api/backend";
 import { DatabaseEnvironment } from "../../backend/template";
 import { APIError } from "../../../../components/Error/APIError";
@@ -165,7 +160,7 @@ export default function ContainerDetailsDatabase() {
                                 onChange={onChange}
                             />
                             {databases?.[dbID]?.container_id && (
-                                <TextField
+                                <Input
                                     label="Database name"
                                     onChange={(e: any) =>
                                         onChangeDbName(e, dbID)

diff --git a/src/apps/Containers/pages/ContainerSettings/ContainerSettings.tsx b/src/apps/Containers/pages/ContainerSettings/ContainerSettings.tsx
@@ -3,11 +3,11 @@ import { Horizontal } from "../../../../components/Layouts/Layouts";
 import Spacer from "../../../../components/Spacer/Spacer";
 import {
     Button,
+    Input,
     MaterialIcon,
     Paragraph,
     SelectField,
     SelectOption,
-    TextField,
     Title,
 } from "@vertex-center/components";
 import { useParams } from "react-router-dom";
@@ -115,7 +115,7 @@ export default function ContainerSettings() {
                     disabled={isLoadingContainer}
                 />
             </Horizontal>
-            <TextField
+            <Input
                 id="container-name"
                 label="Container name"
                 description="The custom name of your choice for this service"

diff --git a/src/apps/ReverseProxy/VertexReverseProxy/VertexReverseProxy.tsx b/src/apps/ReverseProxy/VertexReverseProxy/VertexReverseProxy.tsx
@@ -5,12 +5,7 @@ import styles from "./VertexReverseProxy.module.sass";
 import { APIError } from "../../../components/Error/APIError";
 import ProxyRedirect from "../../../components/ProxyRedirect/ProxyRedirect";
 import { Horizontal, Vertical } from "../../../components/Layouts/Layouts";
-import {
-    Button,
-    MaterialIcon,
-    TextField,
-    Title,
-} from "@vertex-center/components";
+import { Button, Input, MaterialIcon, Title } from "@vertex-center/components";
 import Popup from "../../../components/Popup/Popup";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import NoItems from "../../../components/NoItems/NoItems";
@@ -121,14 +116,14 @@ export default function VertexReverseProxy() {
                 actions={popupActions}
                 title="New redirection"
             >
-                <TextField
+                <Input
                     id="source"
                     className={styles.input}
                     label="Source"
                     value={source}
                     onChange={onSourceChange}
                 />
-                <TextField
+                <Input
                     id="target"
                     label="Target"
                     value={target}