Fix TextField styling

pennlabs · Feb 20, 2024 · 428cb1d · 428cb1d
1 parent ed7c23d
commit 428cb1d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/.github/workflows/build-and-deploy.yaml b/.github/workflows/build-and-deploy.yaml
@@ -20,14 +20,14 @@ jobs:
     uses: pennlabs/shared-actions/.github/workflows/react-check.yaml@v0.1
     with:
       path: frontend
-      nodeVersion: 18.19.0
+      nodeVersion: 20.11.1
 
   build-backend:
     name: Build backend
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - uses: docker/setup-qemu-action@v1
+      - uses: docker/setup- qemu-action@v1
       - uses: docker/setup-buildx-action@v1
       - name: Cache Docker layers
         uses: actions/cache@v2

diff --git a/frontend/components/ClubEditPage/ClubEditCard.tsx b/frontend/components/ClubEditPage/ClubEditCard.tsx
@@ -850,6 +850,7 @@ export default function ClubEditCard({
                           key={i}
                           as={
                             {
+                              text: TextField,
                               checkbox: CheckboxField,
                               html: RichTextField,
                               multiselect: SelectField,

diff --git a/frontend/components/FormComponents.tsx b/frontend/components/FormComponents.tsx
@@ -316,12 +316,12 @@ export const DateTimeField = useFieldWrapper(
     return (
       <DatePickerWrapper>
         <DatePicker
-          className="input"
           showTimeSelect
           dateFormat="MMMM d, yyyy h:mm aa"
           selected={Date.parse(value) || value}
           placeholderText={placeholder}
           {...other}
+          className="input"
           onChange={(val) => {
             setFieldValue(name, val)
           }}
@@ -618,11 +618,11 @@ export const TextField = useFieldWrapper(
 
     return (
       <input
-        className={`input ${isError ? 'is-danger' : ''}`}
         type={actualType}
         value={value != null ? value.toString() : ''}
         readOnly={readOnly ?? false}
         {...other}
+        className={`input ${isError ? 'is-danger' : ''}`}
       />
     )
   },