add logout in p-account side.jsx
このコミットが含まれているのは:
コミット
4dd0ce2f71
|
@ -52429,6 +52429,12 @@ function Side() {
|
||||||
selected = _useState2[0],
|
selected = _useState2[0],
|
||||||
setSelected = _useState2[1];
|
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", {
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
|
||||||
className: "l-side",
|
className: "l-side",
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
|
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", {
|
}), /*#__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", {
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("a", {
|
||||||
href: "/login/p-account",
|
|
||||||
className: "mypage-nav-list__link",
|
className: "mypage-nav-list__link",
|
||||||
|
onClick: handleLogout,
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
|
||||||
className: "icon log-out"
|
className: "icon log-out"
|
||||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
|
}), /*#__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() {
|
export default function Side() {
|
||||||
const [selected, setSelected] = useState('');
|
const [selected, setSelected] = useState('');
|
||||||
|
const handleLogout = () => {
|
||||||
|
axios.get('/p-account/logout')
|
||||||
|
.then(() => location.href = '/p-account/login')
|
||||||
|
}
|
||||||
return (
|
return (
|
||||||
<div className="l-side">
|
<div className="l-side">
|
||||||
<div className="l-side-logo">
|
<div className="l-side-logo">
|
||||||
|
@ -66,8 +69,12 @@ export default function Side() {
|
||||||
<span>プロフィール</span>
|
<span>プロフィール</span>
|
||||||
</Link>
|
</Link>
|
||||||
</li>
|
</li>
|
||||||
<li className="mypage-nav-list__item -logout">
|
<li className={`mypage-nav-list__item -logout ${(selected == 'logout') && "nav-active"}`}
|
||||||
<a href="/login/p-account" className="mypage-nav-list__link">
|
onClick={e => {
|
||||||
|
e.preventDefault();
|
||||||
|
setSelected('logout');
|
||||||
|
}}>
|
||||||
|
<a className="mypage-nav-list__link" onClick={handleLogout}>
|
||||||
<i className="icon log-out"></i><span>ログアウト</span>
|
<i className="icon log-out"></i><span>ログアウト</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
新しいイシューから参照