fixed design of parent-child-add

backend/public/js/app.js

@@ -46238,17 +46238,22 @@ var ChildAdd = function ChildAdd() {
       _400error = _useState8[0],
       set400Error = _useState8[1];
 
-  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
+  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      _401error = _useState10[0],
+      set401Error = _useState10[1];
+
+  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
     identity: ''
   }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      _422errors = _useState10[0],
-      set422Errors = _useState10[1];
-
-  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       _useState12 = _slicedToArray(_useState11, 2),
-      submit = _useState12[0],
-      setSubmit = _useState12[1];
+      _422errors = _useState12[0],
+      set422Errors = _useState12[1];
+
+  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+      _useState14 = _slicedToArray(_useState13, 2),
+      submit = _useState14[0],
+      setSubmit = _useState14[1];
 
   var father_id = document.getElementById('father_id').value;
 
@@ -46275,6 +46280,7 @@ var ChildAdd = function ChildAdd() {
           break;
 
         case 401:
+          set401Error(response.data.error_messages);
           set400Error(response.data.error_messages);
           break;
 
@@ -46320,7 +46326,17 @@ var ChildAdd = function ChildAdd() {
             className: "edit-wrap",
             children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
               className: "edit-content",
-              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("form", {
+              children: [_401error && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
+                className: "mb-40-px l-alert__text--error ft-18 ft-md-16 ",
+                children: ["\u8FFD\u52A0\u3059\u308B\u5834\u5408\u306F", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("a", {
+                  href: "/contact-us",
+                  style: {
+                    color: '#4CA6FF',
+                    textDecoration: 'initial !important'
+                  },
+                  children: "\u3053\u3061\u3089\u3088\u308A\u304A\u554F\u3044\u5408\u308F"
+                }), "\u305B\u304A\u9858\u3044\u3057\u307E\u3059\u3002"]
+              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("form", {
                 className: "edit-form",
                 onSubmit: handleSubmit,
                 children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {

backend/resources/js/parent/child/add.jsx

@@ -12,6 +12,7 @@ const ChildAdd = () => {
 
   const [_success, setSuccess] = useState('');
   const [_400error, set400Error] = useState('');
+  const [_401error, set401Error] = useState('');
   const [_422errors, set422Errors] = useState({identity: ''});
   const [submit, setSubmit] = useState(false);
   const father_id = document.getElementById('father_id').value;
@@ -30,7 +31,7 @@ const ChildAdd = () => {
         switch(response.data.status_code){
           case 200: setSuccess(response.data.success_messages); break;
           case 400: set400Error(response.data.error_messages);  break;
-          case 401: set400Error(response.data.error_messages);  break;
+          case 401: set401Error(response.data.error_messages); set400Error(response.data.error_messages);  break;
           case 422: set422Errors(response.data.error_messages);  break;
         }
       });
@@ -63,7 +64,12 @@ const ChildAdd = () => {
           <section className="edit-container">
             <div className="edit-wrap">
               <div className="edit-content">
-
+                {
+                  _401error &&
+                  <span className="mb-40-px l-alert__text--error ft-18 ft-md-16 ">
+                      追加する場合は<a href="/contact-us" style={{ color:'#4CA6FF', textDecoration:'initial !important' }}>こちらよりお問い合わ</a>せお願いします。
+                  </span> 
+                }
                 <form className="edit-form" onSubmit={handleSubmit}>
                   <div className="edit-set">
                     <label className="control-label" htmlFor="identify">追加する子のIDを入力</label>