diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 0000000000..16f72e5ff1 Binary files /dev/null and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png new file mode 100644 index 0000000000..ed67942c78 Binary files /dev/null and b/public/favicon-32x32.png differ diff --git a/public/index.html b/public/index.html index a9255fc158..3620d51d81 100644 --- a/public/index.html +++ b/public/index.html @@ -7,6 +7,18 @@ rel="shortcut icon" href="#" /> + + -
diff --git a/src/components/main/Message.jsx b/src/components/main/Message.jsx index ca1178fc54..3fb3048b5a 100644 --- a/src/components/main/Message.jsx +++ b/src/components/main/Message.jsx @@ -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 (
- {sender}: + + {sender === 'GPT' ? ( +
+ +
+ ) : ( + `${sender}:` + )} +
{!!error ? ( diff --git a/src/components/svg/GPTIcon.jsx b/src/components/svg/GPTIcon.jsx new file mode 100644 index 0000000000..641538b0a5 --- /dev/null +++ b/src/components/svg/GPTIcon.jsx @@ -0,0 +1,20 @@ +import React from 'react'; + +export default function GPTIcon() { + return ( + + + + ); +} diff --git a/src/hooks/ThemeContext.js b/src/hooks/ThemeContext.js index 27997e416b..f575ab9110 100644 --- a/src/hooks/ThemeContext.js +++ b/src/hooks/ThemeContext.js @@ -1,4 +1,5 @@ //ThemeContext.js +// source: https://plainenglish.io/blog/light-and-dark-mode-in-react-web-application-with-tailwind-css-89674496b942 import React, { createContext, useState, useEffect } from 'react';