From d07047722e66a37ae4eedddea6b4d97eb2d4ea31 Mon Sep 17 00:00:00 2001 From: Danny Avila Date: Wed, 8 Feb 2023 09:44:10 -0500 Subject: [PATCH] adds favicon to head --- public/favicon-16x16.png | Bin 0 -> 828 bytes public/favicon-32x32.png | Bin 0 -> 1565 bytes public/index.html | 24 ++++++++++++------------ src/components/main/Message.jsx | 14 +++++++++++++- src/components/svg/GPTIcon.jsx | 20 ++++++++++++++++++++ src/hooks/ThemeContext.js | 1 + 6 files changed, 46 insertions(+), 13 deletions(-) create mode 100644 public/favicon-16x16.png create mode 100644 public/favicon-32x32.png create mode 100644 src/components/svg/GPTIcon.jsx diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..16f72e5ff1e1d05590658135a1a788bf390f7d0f GIT binary patch literal 828 zcmV-C1H=4@P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0?|oCK~y+TMN(Zz zlTjG{&iVc}oo#cqsmrx==H^eKsm&iy2(y+{82y5Vh*@DH=%ViGBB*Yw6Ys3 z%LJ29Ff~oGvZ*EI@7i?EIk)-k`|UW54jj&V@jUN&p67jms_6#y??3>;0w3hU>ovrc zBn<(?FiDgoX#;^_xU8aNvjQ;4v-)VIJ-z5`a+Z>keO__~ScVY=3dbYN2yBBuKsyF#m#JuOJp-CP^;fC2;{;$4tL8Yfs$ zP*F02LN(%bUL9;d`TmJjYj~J{Y}hkz>ugMp(O6VkM&O{Fpk7WpigZSca@&=UuP>Rc zTDgJ~cqJ`cWP&Jzd)D&NW%rP0&X#Bnaq9$f%;%mB`d*cuE7Tb;^u74BIM-HMeS7ag z(-w_;ZFPlZ2msOOHl_!W52Oc8&EDT;h*mu`7;d39*r_{WAoSSHlBFHtKdr)w6DzH4}TgXty-O4GuKGZSk_n=gOy6Gk| zjfUS?bb^F<=lqZCt$L$EedlX;`_JKPdA9utrplh@%i%QzNg+9CHHsmGtRS>bf5!l} zJz8m2YDG-?6I!j`U0fWObiTKBKIlgo2oVpP+lm54Y(L9LqCgVlabsqI)-VPx#1ZP1_K>z@;j|==^1poj7)=*4TMG&KZ4x)YyqJ0gbeh;I637~r#r-UV|iyx_n z45EDqpn4CZehQ&{O}n76;nnB%^7s7v?)dh>=iX$)tP7!hmDa}p|NqbJ<+S40$?D?# z{{6M%*Cnfp9;k;NsD=lhdXm+}K((1Dtc>mW_3!!i$m-&B%C#A$gaV#-M7NvE>*EHW zdL5{Sh0wn7`uO1U@4x2V#p&Sl`}xxD=QOdB5~P4jx}L}C;YGNd2cUXp#I57>@YwL` zUcspsrh^NieUQ|{;PdV#tcwhxeF&g?I0iRB6{Ug$o_Hgw ziJRET<@NFH`1W-Y40%(>C+=J5IV&g|ttwwWTTh>_LA{{Q~l@$6i{s1c-q-}CM% zt&IEr{U@x8rQFZ>{QIQb&N#D`w&U1Cx0(^7f8zA;7o~zAsfWGg+XS9?Sihxc#jf-E z`GwHE7^Z{*op*lCy1L}rt>Du)vXmRAg&e4cIkS~Zx}S2%vsAsKsov32yrNyfs8740 z)$izr(7qI;f#&w|-t+Dgq=7-UnVs3o52Aj7&bxTax9Ruu7Nvsk`S-%;-c!A!1)q7E z*va_){I1~CEv}9>vXi^z+8n5b)b8la>*Jf*%FylR`u+XN>*IFHwp6{OPP?FN$FXb1 zu=M-+>-hC|%eH{dyWH{YgU`IUX@4m)FMzpLs&In!xAX)9&ZP=-;g0(*&P+ zrrpry_3|XEisJO|Ev}Cdqkzcj;bX(Bs^8Kwu#q#clFjVo*YN5uua9ZPues#f-tz6; z^6hZQv$5gUbIG(?zo)a})|1x7388#WX)Zhf000SaNLh0L01m?d01m?e$8V@)0008e zNklYGqwQ{YjE7q0Dedh`} zlXD3nB=>#a_kG{ze_*rYczLZKynlM0`MzJ@*E8RP`ag)oNh%&4LDRKrJG;2b#OvP> zrcPbAdiC8sD7h1HkcUv7K!b)}-e~00*q11X`281j6L>WxH0|dOrN6RSKp-Oq?8us{ z&?3;4ut6<@(MlZ>im=wS7^{H^Z_^g-I9l310+Ah}m}sAl=%nGrC`AdKn*m+Iqq~M6 zrdyO&pm{zv4)MQI&`pEUJwYw#6467S6x%a7MZ>xfuU@HQ3X+zN-Wf`@LLb^YQ`;vi z!GONTe%VI!7wiHz00Xto{)0Gu{lOBW(ljJzs2O3yhGT@nF3`y%M+wgUYEGX!dQ75a z>^N3Ce!@iLVUj(AEI+*Vx9d*g)+pm^7R|c8xu=v zgf`|)L7TT&xvkj7{SeB-)!6Q$&55(XgOxMFj-5e#SV0BvylZ##4}ntb0o3Cvi#2=q z?XNme4Z}fl$oB4e7I(QQ1mG}mWJ>d*lB35G>KY9}#8gnBP$5e!1ltlS)p7Wr@Ezc0 zI$5kT*9ca2IZlb)P@G2l?EEusID78ARm)sRvi0cFCsidvLHtgvGU`PXhbgrdF!o6*CMwrKEY P00000NkvXXu0mjf_xNg| literal 0 HcmV?d00001 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';