fix load

docker-compose.yml

@@ -3,11 +3,12 @@ services:
   digifi-bko:
     build:
       context: .
-      dockerfile: Dockerfile
+      # dockerfile: Dockerfile
-      #dockerfile: docker/Dockerfile
+      dockerfile: docker/Dockerfile
     restart: unless-stopped
     ports:
       - 6032:4173
+      - 6033:5173
     working_dir: /usr/src/app
     volumes:
       - ./:/usr/src/app

docker/Dockerfile

@@ -1,23 +1,22 @@
-# pull official base image
+# FROM node:erbium
-#FROM node:13.12.0-alpine
+# pull the base image
-FROM node:18.19.0-alpine
+# FROM node:alpine
-# set working directory
+FROM node:18-alpine
-WORKDIR /usr/src/app
 
-ENV PATH /usr/src/app/node_modules/.bin:$PATH
+WORKDIR /app
 
-# install app dependencies
+COPY package.json .
-COPY package.json ./
+
-#COPY package-lock.json ./
+RUN npm install
-RUN npm install --silent
+
-# RUN npm install react-scripts@3.4.1 -g --silent
+COPY . .
 
-# add app
-COPY . ./
 RUN npm run build
 
+CMD [ "npm", "run", "dev" ,"--", "--host"]
+
 # start app
 #CMD ["npm","run", "start"]
 
-CMD ["npm","run", "preview"]
+#CMD ["npm","run", "preview"]
 

package.json

@@ -21,6 +21,7 @@
     "bootstrap-icons": "^1.11.3",
     "chart.js": "4.4.2",
     "clsx": "2.1.1",
+    "eslint": "^8.57.0",
     "formik": "2.4.5",
     "line-awesome": "1.3.0",
     "nouislider": "15.7.1",
@@ -42,6 +43,7 @@
     "react-table": "^7.8.0",
     "react-topbar-progress-indicator": "4.1.1",
     "socicon": "3.0.5",
+    "typescript-eslint": "^7.7.1",
     "yup": "^1.4.0"
   },
   "devDependencies": {
@@ -56,14 +58,9 @@
     "@types/react-dom": "^18.2.25",
     "@types/react-table": "^7.7.20",
     "@types/sass-loader": "8.0.8",
-    "@typescript-eslint/eslint-plugin": "^18.18.0",
-    "@typescript-eslint/parser": "^18.18.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "css-loader": "7.1.1",
     "del": "7.1.0",
-    "eslint": "^9.1.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.6",
     "mini-css-extract-plugin": "2.9.0",
     "remove-files-webpack-plugin": "^1.5.0",
     "rtlcss-webpack-plugin": "4.0.7",

src/app/modules/wizards/components/Horizontal.tsx

@@ -96,7 +96,7 @@ const Horizontal: FC = () => {
 
             <Formik validationSchema={currentSchema} initialValues={initValues} onSubmit={submitStep}>
               {() => (
-                <Form className='mx-auto mw-600px w-100 pt-15 pb-10' id='kt_create_account_form' placeholder={undefined}>
+                <Form className='mx-auto mw-600px w-100 pt-15 pb-10' id='kt_create_account_form' >
                   <div className='current' data-kt-stepper-element='content'>
                     <Step1 />
                   </div>

src/app/modules/wizards/components/Vertical.tsx

@@ -207,7 +207,7 @@ const Vertical = () => {
           <div className='d-flex flex-row-fluid flex-center bg-body rounded'>
             <Formik validationSchema={currentSchema} initialValues={initValues} onSubmit={submitStep}>
               {() => (
-                <Form className='py-20 w-100 w-xl-700px px-9' noValidate id='kt_create_account_form' placeholder={undefined}>
+                <Form className='py-20 w-100 w-xl-700px px-9' noValidate id='kt_create_account_form'>
                   <div className='current' data-kt-stepper-element='content'>
                     <Step1 />
                   </div>