mirror of https://github.com/msgbyte/tailchat
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import { useNavigate } from 'react-router';
|
|
import { t } from 'tailchat-shared';
|
|
|
|
interface Props {
|
|
link: string;
|
|
text: string;
|
|
}
|
|
/**
|
|
* 跳转到会话面板
|
|
*/
|
|
export const JumpToButton: React.FC<Props> = React.memo((props) => {
|
|
const navigate = useNavigate();
|
|
|
|
return (
|
|
<div className="absolute bottom-4 left-0 right-0 text-center">
|
|
<div
|
|
className="shadow-lg px-6 py-2 rounded-full inline-block bg-indigo-600 hover:bg-indigo-700 text-white cursor-pointer"
|
|
onClick={() => {
|
|
navigate(props.link);
|
|
}}
|
|
>
|
|
{props.text}
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|
|
JumpToButton.displayName = 'JumpToButton';
|
|
|
|
export const JumpToGroupPanelButton: React.FC<{
|
|
groupId: string;
|
|
panelId: string;
|
|
}> = React.memo((props) => {
|
|
const link = `/main/group/${props.groupId}/${props.panelId}`;
|
|
|
|
return <JumpToButton link={link} text={t('跳转到面板')} />;
|
|
});
|
|
JumpToGroupPanelButton.displayName = 'JumpToGroupPanelButton';
|
|
|
|
export const JumpToConverseButton: React.FC<{
|
|
groupId?: string;
|
|
converseId: string;
|
|
}> = React.memo((props) => {
|
|
const link = props.groupId
|
|
? `/main/group/${props.groupId}/${props.converseId}`
|
|
: `/main/personal/converse/${props.converseId}`;
|
|
|
|
return <JumpToButton link={link} text={t('跳转到会话')} />;
|
|
});
|
|
JumpToConverseButton.displayName = 'JumpToConverseButton';
|