add logout in p-account side.jsx
このコミットが含まれているのは:
コミット
4dd0ce2f71
|
@ -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", {
|
||||
|
|
|
@ -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>
|
||||
|
|
新しいイシューから参照