adds favicon to head

This commit is contained in:
Danny Avila 2023-02-08 09:44:10 -05:00
parent b5042a738e
commit d07047722e
6 changed files with 46 additions and 13 deletions

View file

@ -1,5 +1,6 @@
import React from 'react';
import { useSelector } from 'react-redux';
import GPTIcon from '../svg/GPTIcon';
export default function Message({ sender, text, last = false, error = false }) {
const { isSubmitting } = useSelector((state) => state.submit);
@ -16,7 +17,18 @@ export default function Message({ sender, text, last = false, error = false }) {
return (
<div {...props}>
<div className="m-auto flex gap-4 p-4 text-base md:max-w-2xl md:gap-6 md:py-6 lg:max-w-2xl lg:px-0 xl:max-w-3xl">
<strong className="relative flex w-[30px] flex-col items-end">{sender}:</strong>
<strong className="relative flex w-[30px] flex-col items-end">
{sender === 'GPT' ? (
<div
style={{backgroundColor: 'rgb(16, 163, 127)'}}
className="relative flex h-[30px] w-[30px] items-center justify-center rounded-sm p-1 text-white"
>
<GPTIcon />
</div>
) : (
`${sender}:`
)}
</strong>
<div className="relative flex w-[calc(100%-50px)] flex-col gap-1 whitespace-pre-wrap md:gap-3 lg:w-[calc(100%-115px)]">
<div className="flex flex-grow flex-col gap-3">
{!!error ? (