openreplay/frontend/app/components/shared/SupportCallout/SupportCallout.tsx
2022-08-31 16:39:24 +05:30

23 lines
823 B
TypeScript

import React from 'react';
// import SlackIcon from '../../../svg/slack-help.svg';
import { Popup, Icon } from 'UI';
import SupportList from './components/SupportList';
function SupportCallout() {
return (
<div className="group transition-all">
<div className="invisible fixed bottom-0 left-0 pb-20 ml-4 group-hover:visible">
<SupportList />
</div>
<div className="fixed z-50 left-0 bottom-0 m-4">
{/* <Popup content="OpenReplay community" delay={0}> */}
<div className="w-12 h-12 cursor-pointer bg-white border rounded-full flex items-center justify-center group-hover:shadow-lg group-hover:!bg-active-blue">
<Icon name="question-lg" size={30} color="teal" />
</div>
{/* </Popup> */}
</div>
</div>
);
}
export default SupportCallout;