add logout in p-account side.jsx

backend/public/js/app.js

@@ -52429,6 +52429,12 @@ function Side() {
       selected = _useState2[0],
       setSelected = _useState2[1];
 
+  var handleLogout = function handleLogout() {
+    axios.get('/p-account/logout').then(function () {
+      return location.href = '/p-account/login';
+    });
+  };
+
   return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
     className: "l-side",
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
@@ -52524,10 +52530,14 @@ function Side() {
             })]
           })
         }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
-          className: "mypage-nav-list__item -logout",
+          className: "mypage-nav-list__item -logout ".concat(selected == 'logout' && "nav-active"),
+          onClick: function onClick(e) {
+            e.preventDefault();
+            setSelected('logout');
+          },
           children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("a", {
-            href: "/login/p-account",
             className: "mypage-nav-list__link",
+            onClick: handleLogout,
             children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
               className: "icon log-out"
             }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {

backend/resources/js/parent/side.jsx

@@ -3,7 +3,10 @@ import { Link } from 'react-router-dom'
 
 export default function Side() {
     const [selected, setSelected] = useState('');
-    
+    const handleLogout = () => {
+        axios.get('/p-account/logout')
+        .then(() => location.href = '/p-account/login')
+    }
     return (
         <div className="l-side">
             <div className="l-side-logo">
@@ -66,8 +69,12 @@ export default function Side() {
                             <span>プロフィール</span>
                         </Link>
                     </li>
-                    <li className="mypage-nav-list__item -logout">
-                        <a href="/login/p-account" className="mypage-nav-list__link">
+                    <li className={`mypage-nav-list__item -logout ${(selected == 'logout') && "nav-active"}`}
+                        onClick={e => {
+                            e.preventDefault();
+                            setSelected('logout');
+                        }}>
+                        <a className="mypage-nav-list__link" onClick={handleLogout}>
                             <i className="icon log-out"></i><span>ログアウト</span>
                         </a>
                     </li>