upgrade packages and improve styles

Dockerfile

@@ -3,7 +3,7 @@ MAINTAINER OhMyForm <admin@ohmyform.com>
 
 WORKDIR /usr/src/app
 
-RUN apk update && apk add curl bash && rm -rf /var/cache/apk/*
+RUN apk --update --no-cache add curl bash g++ make libpng-dev
 
 # install node-prune (https://github.com/tj/node-prune)
 RUN curl -sfL https://install.goreleaser.com/github.com/tj/node-prune.sh | bash -s -- -b /usr/local/bin

components/form/admin/types/date.type.tsx

@@ -21,7 +21,9 @@ export const DateType: React.FC<AdminFieldTypeProps> = ({ field }) => {
       <Form.Item
         label={t('type:date.min')}
         name={[
-field.name as string, 'optionKeys', 'min',
+          field.name as string,
+          'optionKeys',
+          'min',
         ]}
         labelCol={{ span: 6 }}
         getValueFromEvent={(e: Moment) => e.format('YYYY-MM-DD')}
@@ -33,7 +35,9 @@ field.name as string, 'optionKeys', 'min',
       <Form.Item
         label={t('type:date.max')}
         name={[
-field.name as string, 'optionKeys', 'max',
+          field.name as string,
+          'optionKeys',
+          'max',
         ]}
         labelCol={{ span: 6 }}
         getValueFromEvent={(e: Moment) => e.format('YYYY-MM-DD')}

components/structure.tsx

@@ -175,6 +175,7 @@ export const Structure: FunctionComponent<Props> = (props) => {
             alignItems: 'center',
           }}>
             <img
+              height={40}
               src={require('../assets/images/logo_white.png?resize&size=256')}
               alt={'OhMyForm'}
             />

package.json

@@ -14,64 +14,60 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@apollo/client": "^3.5.6",
+    "@apollo/client": "^3.5.9",
-    "antd": "^4.18.2",
+    "antd": "^4.18.8",
-    "axios": "^0.24.0",
     "cross-env": "^7.0.3",
     "dayjs": "^1.10.7",
     "debug": "^4.3.3",
     "exceljs": "^4.3.0",
-    "graphql": "^15.8.0",
+    "graphql": "^16.3.0",
-    "i18next": "^21.6.4",
+    "i18next": "^21.6.12",
-    "i18next-browser-languagedetector": "^6.1.2",
+    "i18next-browser-languagedetector": "^6.1.3",
     "imagemin-optipng": "^8.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jimp": "^0.16.1",
-    "mathjs": "^10.0.2",
+    "mathjs": "^10.1.1",
-    "next": "^12.0.7",
+    "next": "^12.1.0",
     "next-compose-plugins": "^2.2.1",
     "next-optimized-images": "^2.6.2",
     "next-redux-wrapper": "^7.0.5",
-    "polished": "^4.1.3",
+    "polished": "^4.1.4",
     "react": "^17.0.2",
     "react-color": "^2.19.3",
     "react-dom": "^17.0.2",
     "react-github-button": "^0.1.11",
-    "react-i18next": "^11.15.3",
+    "react-i18next": "^11.15.5",
     "react-icons": "^4.3.1",
     "react-id-swiper": "^4.0.0",
-    "react-markdown": "^7.1.2",
+    "react-markdown": "^8.0.0",
     "react-redux": "^7.2.6",
     "redux": "^4.1.2",
     "redux-devtools-extension": "^2.13.9",
     "redux-thunk": "^2.4.1",
     "responsive-loader": "^2.3.0",
-    "sass": "^1.45.2",
+    "sass": "^1.49.9",
     "styled-components": "^5.3.3",
-    "swiper": "^7.4.1"
+    "swiper": "^8.0.6"
   },
   "devDependencies": {
-    "@types/axios": "^0.14.0",
     "@types/mathjs": "^9.4.2",
     "@types/node": "^16.11.17",
     "@types/node-fetch": "^3.0.3",
-    "@types/react": "^17.0.4",
+    "@types/react": "^17.0.39",
-    "@types/styled-components": "^5.1.19",
+    "@types/styled-components": "^5.1.23",
     "@types/swiper": "^6.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.8.1",
+    "@typescript-eslint/eslint-plugin": "^5.12.1",
-    "@typescript-eslint/parser": "^5.8.1",
+    "@typescript-eslint/parser": "^5.12.1",
-    "commander": "^8.3.0",
+    "eslint": "^8.10.0",
-    "eslint": "^8.6.0",
+    "eslint-config-prettier": "^8.4.0",
-    "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react": "^7.29.2",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-unused-imports": "^2.0.0",
-    "glob": "^7.2.0",
     "lodash.merge": "^4.6.2",
     "prettier": "^2.5.1",
-    "ts-node": "^10.4.0",
+    "ts-node": "^10.5.0",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   }
 }