fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { Icon } from 'UI';
|
|
|
|
function SessionTileFooter({
|
|
userDisplayName,
|
|
sessionId,
|
|
replaceSession,
|
|
deleteSession,
|
|
}: {
|
|
userDisplayName: string;
|
|
sessionId: string;
|
|
replaceSession: (e: any, id: string) => void;
|
|
deleteSession: (e: any, id: string) => void;
|
|
}) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<div className="absolute z-10 cursor-default bottom-0 w-full h-8 left-0 px-4 opacity-70 bg-gray-darkest text-white flex items-center justify-between">
|
|
<div>{userDisplayName}</div>
|
|
<div className="hidden group-hover:flex h-full items-center gap-4">
|
|
<div
|
|
className="cursor-pointer hover:font-semibold border-l flex items-center justify-center h-full border-r border-white px-2"
|
|
onClick={(e) => replaceSession(e, sessionId)}
|
|
>
|
|
{t('Replace Session')}
|
|
</div>
|
|
<div
|
|
className="cursor-pointer hover:font-semibold"
|
|
onClick={(e) => deleteSession(e, sessionId)}
|
|
>
|
|
<Icon name="trash" size={18} color="white" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default SessionTileFooter;
|