Revert "feat: fix UI in IE11 (#1878)"

This reverts commit 44cd55e55f9ace87fefaaf2fb5871a23e9a68525.

web/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ant-design/cssinjs": "1.9.1",
+    "@ant-design/cssinjs": "^1.8.1",
     "@ant-design/icons": "^4.7.0",
     "@craco/craco": "^6.4.5",
     "@crowdin/cli": "^3.7.10",
@@ -12,17 +12,19 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
-    "antd": "5.5.0",
+    "antd": "5.2.3",
     "antd-token-previewer": "^1.1.0-22",
     "codemirror": "^5.61.1",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.25.0",
     "craco-less": "^2.0.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "file-saver": "^2.0.5",
     "i18n-iso-countries": "^7.0.0",
     "i18next": "^19.8.9",
     "libphonenumber-js": "^1.10.19",
     "moment": "^2.29.1",
+    "qrcode.react": "^3.1.0",
     "qs": "^6.10.2",
     "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
@@ -70,7 +72,6 @@
     "@babel/eslint-parser": "^7.18.9",
     "@babel/preset-react": "^7.18.6",
     "cross-env": "^7.0.3",
-    "eslint-plugin-unused-imports": "^2.0.0",
     "cypress": "^12.5.1",
     "eslint": "8.22.0",
     "eslint-plugin-react": "^7.31.1",

web/src/ApplicationEditPage.js

@@ -511,7 +511,9 @@ class ApplicationEditPage extends React.Component {
                 />
               </div>
             } title={i18next.t("provider:Signup HTML - Edit")} trigger="click">
-              <Button>{i18next.t("general:Edit")}</Button>
+              <Input value={this.state.application.signupHtml} style={{marginBottom: "10px"}} onChange={e => {
+                this.updateApplicationField("signupHtml", e.target.value);
+              }} />
             </Popover>
           </Col>
         </Row>
@@ -531,7 +533,9 @@ class ApplicationEditPage extends React.Component {
                 />
               </div>
             } title={i18next.t("provider:Signin HTML - Edit")} trigger="click">
-              <Button>{i18next.t("general:Edit")}</Button>
+              <Input value={this.state.application.signinHtml} style={{marginBottom: "10px"}} onChange={e => {
+                this.updateApplicationField("signinHtml", e.target.value);
+              }} />
             </Popover>
           </Col>
         </Row>
@@ -647,7 +651,7 @@ class ApplicationEditPage extends React.Component {
             </Row>
           </Col>
         </Row>
-        <Row style={{marginTop: "20px"}} >
+        <Row>
           <Col style={{marginTop: "5px"}} span={(Setting.isMobile()) ? 22 : 2}>
             {Setting.getLabel(i18next.t("application:Form CSS"), i18next.t("application:Form CSS - Tooltip"))} :
           </Col>
@@ -662,11 +666,13 @@ class ApplicationEditPage extends React.Component {
                 />
               </div>
             } title={i18next.t("application:Form CSS - Edit")} trigger="click">
-              <Button>{i18next.t("general:Edit")}</Button>
+              <Input value={this.state.application.formCss} style={{marginBottom: "10px"}} onChange={e => {
+                this.updateApplicationField("formCss", e.target.value);
+              }} />
             </Popover>
           </Col>
         </Row>
-        <Row style={{marginTop: "20px"}} >
+        <Row>
           <Col style={{marginTop: "5px"}} span={(Setting.isMobile()) ? 22 : 2}>
             {Setting.getLabel(i18next.t("application:Form CSS Mobile"), i18next.t("application:Form CSS Mobile - Tooltip"))} :
           </Col>
@@ -681,7 +687,9 @@ class ApplicationEditPage extends React.Component {
                 />
               </div>
             } title={i18next.t("application:Form CSS Mobile - Edit")} trigger="click">
-              <Button>{i18next.t("general:Edit")}</Button>
+              <Input value={this.state.application.formCssMobile} style={{marginBottom: "10px"}} onChange={e => {
+                this.updateApplicationField("formCssMobile", e.target.value);
+              }} />
             </Popover>
           </Col>
         </Row>
@@ -716,7 +724,9 @@ class ApplicationEditPage extends React.Component {
                       />
                     </div>
                   } title={i18next.t("application:Side panel HTML - Edit")} trigger="click">
-                    <Button>{i18next.t("general:Edit")}</Button>
+                    <Input value={this.state.application.formSideHtml} style={{marginBottom: "10px"}} onChange={e => {
+                      this.updateApplicationField("formSideHtml", e.target.value);
+                    }} />
                   </Popover>
                 </Col>
               </Row>