fix: hide the edit button when bingai

This commit is contained in:
Wentao Lyu 2023-03-15 02:33:08 +08:00
parent 644f3f716f
commit 8882432210
2 changed files with 14 additions and 8 deletions

View file

@ -2,15 +2,21 @@ import React from 'react';
// import Clipboard from '../svg/Clipboard'; // import Clipboard from '../svg/Clipboard';
import EditIcon from '../svg/EditIcon'; import EditIcon from '../svg/EditIcon';
export default function HoverButtons({ user, onClick }) { export default function HoverButtons({ visible, onClick, model }) {
const isBing = model === 'bingai' || model === 'sydney';
const enabled = !isBing;
return ( return (
<div className="visible mt-2 flex justify-center gap-3 self-end text-gray-400 md:gap-4 lg:absolute lg:top-0 lg:right-0 lg:mt-0 lg:translate-x-full lg:gap-1 lg:self-center lg:pl-2"> <div className="visible mt-2 flex justify-center gap-3 self-end text-gray-400 md:gap-4 lg:absolute lg:top-0 lg:right-0 lg:mt-0 lg:translate-x-full lg:gap-1 lg:self-center lg:pl-2">
{user && ( {(visible&&enabled)?(
<button className="resubmit-edit-button rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400 md:invisible md:group-hover:visible" onClick={onClick}> <>
<button className="resubmit-edit-button rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400 md:invisible md:group-hover:visible"
onClick={onClick}>
{/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"> */} {/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"> */}
<EditIcon /> <EditIcon />
</button> </button>
)} </>
):null}
{/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"> {/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400">
<Clipboard /> <Clipboard />
</button> */} </button> */}

View file

@ -259,7 +259,7 @@ export default function Message({
</div> </div>
)} )}
</div> </div>
<HoverButtons user={!error && isCreatedByUser && !edit} onClick={() => enterEdit()}/> <HoverButtons model={model} visible={!error && isCreatedByUser && !edit} onClick={() => enterEdit()}/>
</div> </div>
</div> </div>
</div> </div>