Merge pull request #30 from solaoi/feature_update-dependencies

Feature update dependencies

Author: solaoi

.github/workflows/npm-check-update.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: "14.x"
+          node-version: "16.x"
       - name: Update dependencies
         id: vars
         run: |

Dockerfile

@@ -1,11 +1,11 @@
-FROM mhart/alpine-node:14 as builder
+FROM mhart/alpine-node:16 as builder
 WORKDIR /app
 
 COPY package.json package-lock.json ./
 RUN apk add --no-cache make gcc g++ python3 libtool autoconf automake
 RUN npm ci
 
-FROM mhart/alpine-node:slim-14
+FROM mhart/alpine-node:slim-16
 WORKDIR /app
 ENV PATH /app/node_modules/.bin:$PATH
 

app/core/components/Form.tsx

@@ -44,7 +44,7 @@ export function Form<S extends z.ZodType<any, any>>({
             <Flex align="center" justify="center">
               <Button
                 type="submit"
-                disabled={submitting}
+                isDisabled={submitting}
                 colorScheme="blue"
                 variant="solid"
                 _hover={{ bg: "blue.400", borderColor: "blue.400" }}

app/core/components/LabeledSelectField.tsx

@@ -45,7 +45,7 @@ export const LabeledSelectField = forwardRef<HTMLSelectElement, LabeledSelectFie
         </FormLabel>
         <Select
           {...(input as any)}
-          disabled={submitting}
+          isDisabled={submitting}
           {...extraProps}
           ref={ref as any}
           borderColor={hasError ? "red.500" : "gray.200"}

app/core/components/LabeledTextAreaField.tsx

@@ -29,7 +29,7 @@ export const LabeledTextAreaField = forwardRef<HTMLInputElement, LabeledTextArea
       <FormControl {...outerProps}>
         <FormLabel>
           {label}
-          <Textarea {...input} disabled={submitting} {...props} ref={ref as any} />
+          <Textarea {...input} isDisabled={submitting} {...props} ref={ref as any} />
         </FormLabel>
         {touched && normalizedError && (
           <div role="alert" style={{ color: "red" }}>

app/core/components/LabeledTextField.tsx

@@ -37,15 +37,15 @@ export const LabeledTextField = forwardRef<HTMLInputElement, LabeledTextFieldPro
         <FormLabel>
           {label}
           {props.type === "number" ? (
-            <NumberInput {...input} disabled={submitting} {...props} ref={ref} min={0}>
+            <NumberInput {...input} isDisabled={submitting} {...props} ref={ref} min={0}>
               <NumberInputField />
               <NumberInputStepper>
                 <NumberIncrementStepper />
                 <NumberDecrementStepper />
               </NumberInputStepper>
             </NumberInput>
           ) : (
-            <Input {...input} disabled={submitting} {...props} ref={ref} />
+            <Input {...input} isDisabled={submitting} {...props} ref={ref} />
           )}
         </FormLabel>
         {touched && normalizedError && (

app/pages/projects/[projectId].tsx

@@ -246,7 +246,7 @@ export const Project = () => {
 
             <Flex justify="space-between">
               <Button
-                disabled={page === 0}
+                isDisabled={page === 0}
                 onClick={goToPreviousPage}
                 colorScheme="teal"
                 variant="solid"
@@ -256,7 +256,7 @@ export const Project = () => {
                 Previous
               </Button>
               <Button
-                disabled={!hasMore}
+                isDisabled={!hasMore}
                 onClick={goToNextPage}
                 colorScheme="teal"
                 variant="solid"

app/pages/projects/index.tsx

@@ -148,7 +148,7 @@ export const ProjectsList = () => {
 
         <Flex justify="space-between">
           <Button
-            disabled={page === 0}
+            isDisabled={page === 0}
             onClick={goToPreviousPage}
             colorScheme="teal"
             variant="solid"
@@ -158,7 +158,7 @@ export const ProjectsList = () => {
             Previous
           </Button>
           <Button
-            disabled={!hasMore}
+            isDisabled={!hasMore}
             onClick={goToNextPage}
             colorScheme="teal"
             variant="solid"