n
This commit is contained in:
@@ -64,7 +64,7 @@ const LoginModal = ({ visible, onClose, onLoginSuccess }) => {
|
|||||||
open={visible}
|
open={visible}
|
||||||
onCancel={onClose}
|
onCancel={onClose}
|
||||||
footer={null}
|
footer={null}
|
||||||
destroyOnClose
|
destroyOnClose={true}
|
||||||
centered
|
centered
|
||||||
>
|
>
|
||||||
<Form
|
<Form
|
||||||
|
|||||||
@@ -9,12 +9,16 @@ import { message, Spin, Button, Result } from 'antd';
|
|||||||
import { getActivityDetail, signUpActivity } from '../../api';
|
import { getActivityDetail, signUpActivity } from '../../api';
|
||||||
import styles from '../../components/activity/activity.module.less';
|
import styles from '../../components/activity/activity.module.less';
|
||||||
import { pageTransition, buttonTap } from '../../animation';
|
import { pageTransition, buttonTap } from '../../animation';
|
||||||
|
import LoginModal from '../../components/LoginModal';
|
||||||
|
import { useAuth } from '../../context/AuthContext';
|
||||||
|
|
||||||
const ActivityDetail = () => {
|
const ActivityDetail = () => {
|
||||||
const { id } = useParams();
|
const { id } = useParams();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const queryClient = useQueryClient();
|
const queryClient = useQueryClient();
|
||||||
const { scrollY } = useScroll();
|
const { scrollY } = useScroll();
|
||||||
|
const { login } = useAuth();
|
||||||
|
const [loginVisible, setLoginVisible] = useState(false);
|
||||||
|
|
||||||
// Header animation: transparent to white with shadow
|
// Header animation: transparent to white with shadow
|
||||||
const headerBg = useTransform(scrollY, [0, 60], ['rgba(255,255,255,0)', 'rgba(255,255,255,1)']);
|
const headerBg = useTransform(scrollY, [0, 60], ['rgba(255,255,255,0)', 'rgba(255,255,255,1)']);
|
||||||
@@ -71,6 +75,11 @@ const ActivityDetail = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleSignUp = () => {
|
const handleSignUp = () => {
|
||||||
|
if (!localStorage.getItem('token')) {
|
||||||
|
message.warning('请先登录后报名');
|
||||||
|
setLoginVisible(true);
|
||||||
|
return;
|
||||||
|
}
|
||||||
signUpMutation.mutate();
|
signUpMutation.mutate();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user