Commit faaf24ea by Arjun Jhukal

minor changes

parent c2fa9a0f
public/assets/images/avatar-6.png

17.7 KB | W: | H:

public/assets/images/avatar-6.png

187 KB | W: | H:

public/assets/images/avatar-6.png
public/assets/images/avatar-6.png
public/assets/images/avatar-6.png
public/assets/images/avatar-6.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
import { useGetChatbotSettingQuery } from '@/services/settingApi'; import { useGetChatbotSettingQuery } from '@/services/settingApi';
import { Button, Typography } from '@mui/material'; import { Button, Typography } from '@mui/material';
import Image from 'next/image'; import Image from 'next/image';
import GlassWrapper from '../molecules/GlassWrapper';
export default function Chatbot() { export default function Chatbot() {
const { data } = useGetChatbotSettingQuery(); const { data } = useGetChatbotSettingQuery();
...@@ -13,47 +12,45 @@ export default function Chatbot() { ...@@ -13,47 +12,45 @@ export default function Chatbot() {
const isVideo = fileUrl?.toLowerCase().endsWith(".mp4"); const isVideo = fileUrl?.toLowerCase().endsWith(".mp4");
return ( return (
<GlassWrapper> <Button
<Button className=" max-w-fit px-8!"
className=" max-w-fit px-8!" variant="contained"
variant="text" color="primary"
color="primary" fullWidth
// fullWidth LinkComponent={"a"}
LinkComponent={"a"} href={data?.data?.chatbot_link || ""}
href={data?.data?.chatbot_link || ""} target='_black'
target='_black' sx={{
sx={{ justifyContent: "start"
justifyContent: "start" }}
}} >
> <div className=" w-full flex! justify-start! items-center! gap-4">
<div className=" w-full flex! justify-start! items-center! gap-4"> {fileUrl && (
{fileUrl && ( isVideo ? (
isVideo ? ( <video
<video autoPlay
autoPlay loop
loop muted
muted playsInline
playsInline className="w-11 h-11 rounded-full object-cover"
className="w-11 h-11 rounded-full object-cover" >
> <source src={fileUrl} type="video/mp4" />
<source src={fileUrl} type="video/mp4" /> </video>
</video> ) : (
) : ( <Image
<Image src={fileUrl}
src={fileUrl} alt="chatbot"
alt="chatbot" width={44}
width={44} height={44}
height={44} className="rounded-full object-cover"
className="rounded-full object-cover" />
/> )
) )}
)}
<Typography variant="subtitle2"> <Typography variant="subtitle2">
{label} {label}
</Typography> </Typography>
</div> </div>
</Button> </Button>
</GlassWrapper>
); );
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment