From df2e384b0d96d0aa1390acbc722b9675c7b07341 Mon Sep 17 00:00:00 2001
From: Miguel <113119956+mikeplascdev@users.noreply.github.com>
Date: Thu, 23 May 2024 04:27:32 -0600
Subject: [PATCH] feat(setup): update logo and components props (#10204)

* fix(logo): update the app logos and rename the default title

* fix(accourdion): add title font size property

* fix(button): add new variant for sidebar buttons

* fix(client-settings): update the app title

---------

Co-authored-by: Hanzla Mateen <hanzlamateen@live.com>
---
 packages/client/public/favicon-16x16.png      | Bin 1187 -> 354 bytes
 packages/client/public/favicon-32x32.png      | Bin 2500 -> 1058 bytes
 packages/client/scripts/getClientSettings.ts  |   6 +++---
 .../primitives/tailwind/Accordion/index.tsx   |   9 +++++----
 .../src/primitives/tailwind/Button/index.tsx  |   6 ++++--
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/client/public/favicon-16x16.png b/packages/client/public/favicon-16x16.png
index 952c439a64f2e861be761d45252e1ebca01f8130..67e4ce64e49bb5e9c226001d7a893c75635fa2f3 100644
GIT binary patch
delta 338
zcmV-Y0j>U{3E~2f8Gi%-006c6H|hWY00Lr5M??VshmXv^0003SNkl<ZD9>YHKmz}{
ze&znI{x8aa9sCUYUH?tyKi}_?-=+UK(Io#f{_*~G_2<stHejCkufG30C<=bp|F--u
z@Vori|6dFKvjUX>*+|kqlz&D+SicVc`v0>Ntfc};!7t<Au76OI)&kA={GS8JLN?()
z>(4Hb!9TTseFZA`|5Fpq1O|rha=+_-t$;`ap&?Ll7rH0?e?Nvw{{bsEM3MeAA1Zn6
z*TY{a-{pSgp?cC1Ecy3W)(_QR$H3+_q3TZsE0_iJunLei1!{5rZI7%V6YTa-sDj0y
zkp0<+q2P}XP)mUtkoEJw1W+vfn>4Z;?g32*_?7gt_18fltKqlX&yF9;$U(*OEB@Dn
kpBiB04!`FAc819S0Giswv9YLcYybcN07*qoM6N<$f`G%Wt^fc4

delta 1178
zcmV;L1ZDf;0;36#8Gi-<001BJ|6u?C0d8qSLr`gBV*mgsk#&(fO9Md^g}+3_S0sgk
zA}LZtu}DA^#8P8n6GUPJqc+*iOGx6fyFtWOu(1#<L>pg)|3F*8RzVOHLB!79S0iD)
zlLQhZnPv8VoSAdEdluZ0oSwH@ryyUj&FE~{zZ75gx4+YgkAHq9nMmlCF+D#Yq3Qa0
z#HH#(NcC!dui@%WrYs#?9l{g3VcNnn4UrAoP`oSLr)LvM;S=GYDFX`MDqXAao8nA`
zzZ9FX=nS}3Pk*M4wK~?bW?pziIFQd3_3Aw8OFXH<;)2vc**+|y%o4_rMv*mg*o34O
zB(ui8(Xwxjb${{b@;2DS6i0@vc!Q!ArE5xRTJ)4WIW|@9|MRrc<71WXo-nk%I?m@1
zwC_V{&vAZF9j9~#EiZ6gsQK3=r^#>8_i9?;7`)qXc~jH01Gw6OfoCIOCdyKaY<D^h
z9~aOQhu(YWTB&4JJ?H!hVq5Zy?%?nUhULC@^$(;sXn$3=OwJep000SaNLh0L08=Lb
z08=LcR?hN_0008pNkl<ZI8R-ZTWAzl9L9fVW_CAAU1OqAD;hB>ZGu9IcSPIbrHbOM
zz6es(2rBfc4?^GCCn4=iA4<W?>PvlyMGH!W*cys229<ysHO64EAVf_zSuZ=YvoojP
zu9=5)mVY06X6Ag~`JeCn$MC<a?YONzX%sue0jz!{&e{<!6Hs_~(M(cIx|2Aox9i1W
zu|d+1BF2v6QRYt*b4r36{l6POaj6+d=<08&=n%U^PFyACoPCC4!dfL?7)#NyTykUb
zqW{hxrji(ZBf%lDK-?0iYX&g#&pw>o9TqqI&3~tvG4@Ni%!?TE3}>RL<P(EYO|F*p
zOWEZ{kmG(Zn~~B-Os_PsH=NF%cnSlvySUWc#X3{R*Fhui!YO>|P3)zC3O(f#xv-JW
zsE&W*I{KV|Ri>g$VhY+qZ!n+q=vtam<G9w;;x&nZZv$4#WHk{3itKhcljb<XJc%!O
zC4YLdLoCd^q_dKv#qsHN%A8jDj}n99nz&OT^@R(#_hvb3f>~_Q<X4KfoGNf6PV-5W
z<w=y`yNW}%s_TFJlZlcHyvSjNKacJHTz2~((yR<_hV@+Z3M|!XD^o?TWgl@nGssGB
zj5c>%r}37qq=F7@<|{X(-7PUF!S}J@d4Fn{Ei%~T7I~h2Nxd`5x7Oif9jmKtEYa$B
z6N4X3nX(*z_UF(uwv5l5cN{eVP1?d=81l-e8sxCXT`8Zf&Qw}SlYVbdRL8x>dP7v)
z7DBs%X*fK!9w%&?%h3nCXu1zteOTSNUyZ&{@2kfi)G}z@Ymb_UV_IQRHOR^get#=$
zqPw`9ftHgx7nmV-*S-yC7lYNF5$E5BxXZd4v`Jj;w0$C{ZoBR}<cqC3bC-jf_Ia&V
ziNvqs;e*bJR-R}k+PB-RgsajK9VX4T(k#k;qlz`^47eilqF2IFqM7_{>gl?T7RRIE
sbu*iTdJfk*4$g>fjS3Hbm@N4ZgcFMzvAmAG2mk;807*qoM6N<$g7=9-UjP6A

diff --git a/packages/client/public/favicon-32x32.png b/packages/client/public/favicon-32x32.png
index 9b9d567645a497630a953725cf65a4dea7c73795..e9dddf13557367c849f1b4d3b4dedfe6380121b6 100644
GIT binary patch
delta 1038
zcmV+p1o8XC6QT%^BYyw}VoOIv0RI600RN!9r;`8x1J_AJK~z|UwU=LrRaF$m*E*hk
zt|Q@y79|nI^xu$7Oqyt{WRM^#f`%*&deY1=7>W=H^1*uOA&7$h2vg9@AcYwf6@eHf
zF;GcTCJ_YFU@%|?GjrCr&fKq;d*OQKoO9=RbHm}n+TYsWZ-4E*?>=XX^w0p@YG#j<
zT++)pwVRpU1YjJ%A7=IifM3jPgrr_n<GH!Hs{y=iW>fC|0?DN!A^`3H@D+fcFB(Xi
zrVj#`cK1<|eMK5~-wfb80N(;w_rC%F*ae_zW}g7qSfw?yZ2-=g*`qy~l3eEQdjb3a
zU<Lr&kC}b$?tgcd<)&#m;O>*|e)ol%Uk2a=fOpMoEy<;6nhu!RegM`6arZ+cR~3!n
z?wbIdCYjU*Ftg9x{rRH4EX(c(FyApFzt7IjUReV1v6*eJWe#9HfS;;%Gk^~|mju8B
z$xsCA?uX09iHd@%dJoCNs>-rNk{{+m8{B<o0q6;mw|~_FXf~TGRCT&6Nkk-yqN4si
z`9NP^-;{_fuLYp0e~QQrRRAP!EC^qprs;Wks@fEh(wQs-2qAo`st=P~QDVMCL>5eU
z%WzF8^<n{3^^AzT17MuwC3$mqe_cd2l;rm3^ePoI5SMnu@c{q_-2J4Py(c2SMNxE>
zyKfhfwSQ%Kk}Jy02BIkXt2RJu?e?14`%x4<Lh@;ncU2e{(?rpzs*cwNXtzeAaf;+C
z?!HPyx&n}#Y5i)JW&21D#&KMFWLLg6NvgX)AtEn|$aUS!MPw#~aIJ_Cz?g`{Ns??;
z)w5*@r87WsIe<f|x@8f@A|mr5@{Fqf4Pdvb_J4&ChFeQnueB;ak~?bi&q*_T89)=j
z8vt(agg3J(lKoXaA|-#rEXy{Ne4r!;s`^|AVO<nO$3#R)9!-*DqAgI>e^vD(cYm^G
z?JWmjtfcDH-G|ybcfYR{Kb9ZE%x(s7s@vyT;S5O0hEvsjA%t%Vx`qI(?+i2=jbBA%
zGJngm$~{yDP_%aE;y8Y*Vyp!(B9d>4$nFaPSkOowSJjyc$ySnAbOw?nIYM$xnx+Fi
z1E}g`7fB<_vK_gcc~w2As=Imy5Rt5#pxJCbmH+;W<M^P6Y$Lg>SAZhJ^X><#x*EVp
zE;g;IU%LBabpR@>C3!i3*Hm>Z->0g3I)8L(W+NgpC?dBk8X$zQh2(w_`6p+*(#&20
z@FPhJAzY)XLn88Zhis#}54!uXyHBX<v#PoyNs`g3qRJ{=*}4au1#sHTrp)YBl9%SS
z?tU+TqpgGK9DwiLeYm!12}nPHog`Ox)4Ka6Gka*U7u5d%VV2(1$!KYN00000Ne4wv
IM6N<$g6iSz%m4rY

delta 2491
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
FV1n>N;kW<*

diff --git a/packages/client/scripts/getClientSettings.ts b/packages/client/scripts/getClientSettings.ts
index b7d7b9a709..cb375b81b8 100644
--- a/packages/client/scripts/getClientSettings.ts
+++ b/packages/client/scripts/getClientSettings.ts
@@ -23,9 +23,9 @@ All portions of the code written by the Ethereal Engine team are Copyright © 20
 Ethereal Engine. All Rights Reserved.
 */
 
-import knex from 'knex'
-
 import { ClientSettingDatabaseType, clientSettingPath } from '../../common/src/schemas/setting/client-setting.schema'
+
+import knex from 'knex'
 import { clientDbToSchema } from '../../server-core/src/setting/client-setting/client-setting.resolvers'
 
 export const getClientSetting = async () => {
@@ -47,7 +47,7 @@ export const getClientSetting = async () => {
     .then(([dbClient]) => {
       const dbClientConfig = clientDbToSchema(dbClient) || {
         logo: './logo.svg',
-        title: 'Ethereal Engine',
+        title: 'IR Engine',
         url: 'https://local.etherealengine.org',
         releaseName: 'local',
         siteDescription: 'Connected Worlds for Everyone',
diff --git a/packages/ui/src/primitives/tailwind/Accordion/index.tsx b/packages/ui/src/primitives/tailwind/Accordion/index.tsx
index cf3c2a547e..d147ab38d5 100644
--- a/packages/ui/src/primitives/tailwind/Accordion/index.tsx
+++ b/packages/ui/src/primitives/tailwind/Accordion/index.tsx
@@ -23,11 +23,10 @@ All portions of the code written by the Ethereal Engine team are Copyright © 20
 Ethereal Engine. All Rights Reserved.
 */
 
-import React, { forwardRef, ReactNode, useEffect } from 'react'
-import { twMerge } from 'tailwind-merge'
+import React, { ReactNode, forwardRef, useEffect } from 'react'
 
 import { useHookstate } from '@etherealengine/hyperflux'
-
+import { twMerge } from 'tailwind-merge'
 import Text from '../Text'
 
 export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -38,6 +37,7 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
   prefixIcon?: ReactNode
   children?: ReactNode
   titleClassName?: string
+  titleFontSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl'
   className?: string
   open?: boolean
 }
@@ -53,6 +53,7 @@ const Accordion = forwardRef(
       children,
       className,
       titleClassName,
+      titleFontSize = 'xl',
       open,
       ...props
     }: AccordionProps,
@@ -76,7 +77,7 @@ const Accordion = forwardRef(
         >
           <div className={twClassNameTitle}>
             {prefixIcon && <div className="mr-2">{prefixIcon}</div>}
-            <Text component="h2" fontSize="xl" fontWeight="semibold">
+            <Text component="h2" fontSize={titleFontSize!} fontWeight="semibold">
               {title}
             </Text>
           </div>
diff --git a/packages/ui/src/primitives/tailwind/Button/index.tsx b/packages/ui/src/primitives/tailwind/Button/index.tsx
index 44b42d42d1..9853035a6c 100644
--- a/packages/ui/src/primitives/tailwind/Button/index.tsx
+++ b/packages/ui/src/primitives/tailwind/Button/index.tsx
@@ -24,6 +24,7 @@ Ethereal Engine. All Rights Reserved.
 */
 
 import React, { ReactNode } from 'react'
+
 import { twMerge } from 'tailwind-merge'
 
 export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -31,7 +32,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
   endIcon?: ReactNode
   children?: ReactNode
   size?: 'small' | 'medium' | 'large'
-  variant?: 'primary' | 'outline' | 'danger' | 'success' | 'pink' | 'transparent' | 'onboarding'
+  variant?: 'primary' | 'outline' | 'danger' | 'success' | 'pink' | 'transparent' | 'onboarding' | 'sidebar'
   disabled?: boolean
   fullWidth?: boolean
   rounded?: 'partial' | 'full' | 'none'
@@ -59,7 +60,8 @@ const variants = {
   danger: 'bg-red-500',
   success: 'bg-teal-700',
   transparent: 'bg-transparent',
-  onboarding: 'bg-button-gradient-onboarding'
+  onboarding: 'bg-button-gradient-onboarding',
+  sidebar: 'bg-[#141619]'
 }
 
 const Button = ({