From 0300070c5ac02772eec7a73afcae1df95d60810a Mon Sep 17 00:00:00 2001
From: Ibrahem Khalil <33176106+ibrkhalil@users.noreply.github.com>
Date: Mon, 5 Sep 2022 21:34:41 +0200
Subject: [PATCH] RE: User avatar component (#13839)

* User avatar component

Rebase

* clean

* Add icons

* fix keycard account shown as regular account on theme change while login (#13918)

* rebase

* clean

* clean

Co-authored-by: Parvesh Monu <parvesh.dhullmonu@gmail.com>
---
 .../images/icons/identicon_ring20@2x.png      | Bin 0 -> 1201 bytes
 .../images/icons/identicon_ring20@3x.png      | Bin 0 -> 1669 bytes
 .../images/icons/identicon_ring24@2x.png      | Bin 0 -> 1430 bytes
 .../images/icons/identicon_ring24@3x.png      | Bin 0 -> 1955 bytes
 .../images/icons/identicon_ring32@2x.png      | Bin 0 -> 1804 bytes
 .../images/icons/identicon_ring32@3x.png      | Bin 0 -> 2528 bytes
 .../images/icons/identicon_ring48@2x.png      | Bin 0 -> 2528 bytes
 .../images/icons/identicon_ring48@3x.png      | Bin 0 -> 3536 bytes
 .../images/icons/identicon_ring80@2x.png      | Bin 0 -> 3778 bytes
 .../images/icons/identicon_ring80@3x.png      | Bin 0 -> 5477 bytes
 src/quo2/components/user_avatar.cljs          | 147 ++++++++++++++++++
 src/quo2/screens/main.cljs                    |   4 +
 src/quo2/screens/user_avatar.cljs             |  61 ++++++++
 13 files changed, 212 insertions(+)
 create mode 100644 resources/images/icons/identicon_ring20@2x.png
 create mode 100644 resources/images/icons/identicon_ring20@3x.png
 create mode 100644 resources/images/icons/identicon_ring24@2x.png
 create mode 100644 resources/images/icons/identicon_ring24@3x.png
 create mode 100644 resources/images/icons/identicon_ring32@2x.png
 create mode 100644 resources/images/icons/identicon_ring32@3x.png
 create mode 100644 resources/images/icons/identicon_ring48@2x.png
 create mode 100644 resources/images/icons/identicon_ring48@3x.png
 create mode 100644 resources/images/icons/identicon_ring80@2x.png
 create mode 100644 resources/images/icons/identicon_ring80@3x.png
 create mode 100644 src/quo2/components/user_avatar.cljs
 create mode 100644 src/quo2/screens/user_avatar.cljs

diff --git a/resources/images/icons/identicon_ring20@2x.png b/resources/images/icons/identicon_ring20@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..df1fb88758f7d8df472c9c790ed7f3342a3ab9e0
GIT binary patch
literal 1201
zcmV;i1Wx;jP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000Gv
z000Gv0c~iV`Tzg`0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1V%|jK~#7F&6z=L
z8$}d`|2N&(4oPT|LYq_&9Mo1+LQQ%>0;ObqKyX4zQ&5koM1<gy7C0ihE@y-zRYIz%
z>T*Jmss}`sTQ?BkhFsBJS`dynGzS81YR8G~?DWk#cJ0`)z3Xj~Pa4m9XJ+^JdvD(C
zjtMS_8d8^pArN#(3=`0eLQy2SB)B~xE!+}-Icbmy7m$<AR}9&m7nou}XUoJid!qz@
zm^lmK4-85;7}vD0^Bclih6u4{g*Fs;>2o<n77RGFSQ9r+aAmxAo~}0Nw>8lV@=LF*
zR!2c(@-sTOb#o1DmlCe?p^oh#u1SQ>7?j-HAZqnyaW}Dj;uOOh2C1S-pzT&3fbB=$
zxOW8=F1}>Q37%nBu!C3@&b=R|Nb!3~;8%tW?qS#Ri6C~CB*)`mF&;}U)_BVA0&$8$
z&fUPapt7Du_#3+jwqlR6qHRHCJ?t{FDCA#T;M)g&7(M*dJ@~{Lb_;@d&1XnPqdJ7R
zS!}qQK7@tUAQmzM*l{>{vv(^K@{x`|?eZ|+iTi7PxRZJrOSxWb2R`iq_I2LI3;S=_
zb$`$Nu*Q!TL$x}0X(=v`#s0p09QU(*NaefWCH>vMu#iIO?fL_LZTWGdBwb_o1|enL
zizu<9y+7N>%BpwMhdB%ekhT19BdE9QHiFOIs1{VskjCPIa6rF*(Jl%VulH7t*rK<h
zEAS5nSj<7TP+!k{BSDoAx=CKXEYTw6@tWO}wuKz*{uKlJe{?3O1{yp-g}`5dhnVY2
zW8#?)G3@&dUZDi4HP7|aa$GxrSo<-%R>aaDBjP&+k4U-}xLH`~eC{>OuD*-60^gx^
zWI|1nIH#ImvqR?Fp2tk!r7B_NC@YTmX3;5Hi$6{?3xWmCHPd(2_aaX39mA)cqjkk8
z7T5VlWG2x%GOk=4M+0H8_8}~a4me?EWfG^_qb*v|GVRALPBs6dEDlrD#%?@{8UIoH
z*ew$sU)aSJQYPrce}jbwR?C_$3R8i9dhbcZ0>@esr%+a0Tz?L(pu$#3L7=8ZycAX>
zC7<RA^9fv$TMw(M^iJ~nwbcj_P2mafb<Z0()ON?okQj|Dolys+cM>7|1`0XRb1tUB
z&3ES5D_T!c5@?Q5lB9HSrRGt|JDz>Dxz0oeg_4Ql*NPW+b371{QcmLuppth(B&ON5
z6`M&_I}1OJ2hMT^H{mhLit}r4*6AVRbYiJ$qpIfK42iZeG)UlXxR|=IRg;OF6{^)x
zQ=p2+xs(3mUc1{~0#`OIfd#jQIPPjr(1shB`nAl2B%$8)gYbY(TE@5gUg7#dl3f+1
zk$)rg`in*vG{@UxL{><`x(W|a$@`nsN7Kk#gN?)~9BrcO*E2y&sy!Sr3g;H(G{#G+
z2t-r}H9N?Wz;g8OGrA?9lMq83M?n+>m;DVP*@YCBkfzAXTjo3MCS33c0Wys<xao2*
P00000NkvXXu0mjf=@}>3

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring20@3x.png b/resources/images/icons/identicon_ring20@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..8222f6d195bf71a5c94ecbd465e361e597ea0038
GIT binary patch
literal 1669
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
P00000NkvXXu0mjfm+~K-

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring24@2x.png b/resources/images/icons/identicon_ring24@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec08bff5e233f06739272ddc24861803eef85229
GIT binary patch
literal 1430
zcmV;H1!?+;P)<h;3K|Lk000e1NJLTq001!n001!v1^@s6bDTjO00009a7bBm000J^
z000J^0q8HT<^TWy0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1uIEJK~#7F-I`5o
z8$}ey|FhZH4zXLuf#O6WaS>EhL5*{%ph~DCao~VN0)cW%B9Q}JLIqdorf}eb<Vr{g
zH8ide2vwm82dZ$YBibS^)QI*{if|O9=0GBo*h%A$9cIR{@%MVyYuD*dTJL&1Yrp@z
z_jcayn7{<)6zWU>Bka%%3B92362OV{CZIr=wS_6gZxRq>{X=gnBn%TEFo-amV4S3l
z_rVw;cD_GBv0RHF-6FX0NeR<zXx~N7NY@G>2qaX@7!jjO#QC%IjM>H)L7+^1NM`h%
zQU#wY)FTrtfX93T;JL#>Y`9vlNLn3cKceGIz)dtr0Eb-!_@LdKRp>}H{VR&#;X_pf
zP|xrwkCQU*ixAeJY&h-3zk+5!BTq_-;BKVp9B3Mdgo(F4AQwx1R@ktY#5@NcL<m(P
zlB5_YmFz`1(L!()%_o54l*>d%o(P@?%rzb~FWxT{suVV6!)Y&!{zCH;ktq&ODkPF=
z$a+FXlU#|kamFF4hAhGp`^XC!^1LBD(b*dDVSnL_Q%q#u2obM$Eli(sUqYY#Htg~i
z_5+fHS2D+h&dqtCs(GPwZ`X}Gv8S<ezXx&Eie`m{R0j_!8L5<)7xTGvS=YqIxf6Se
ziSb}%rw0!ji~KLTI<AYY_pvK*SXM_S6$IEtsq$Ufk@mY{+e+Gnhi*ro#d^YpM!=2k
zwBJJSp(|p~jn9LoD{GkrS3lT|uNDqD%C`Rn{kl1TdvQ0SNe9fN%XvLJ+AhcMu*#d2
zx_kJG%mjF#6E5ha>nCwsYyNPfU5;Duu<)qD=tBDW3lAp`YM?NG{@6Yugq6c#TSX5u
zxSNf%yW^T(qw^u@8c&9al**rYOH3Hs?Yx1WLqF7JbTQ_O$iTzxPumuj-7!o&`VPF7
zpHWY^2tIY2R(glz#}Q~dCia{_>^=A`W2h&li6}Ha+nzXqrTcH-CEF#K4n>&n_|+-I
zCOZ!da;^0V%-fzRGCmjXjX}#2?2@VZz!N*ncia;zFu;=KNjCERSd-c{`>v&!(48qv
zw0{ayVb68>PG(*R={Zl2@wv=zPhqU>yt&?x#H}>jNz$TL-zaGn@&2;&6h3J`p<96X
z4thX%!&Kra;R#Xs(F+%@vfS_${V+3r-gXr8)}!LMR_tUGv#uB6ZuuLvLqlY6V}Ku}
zZ%<RH?{h!SjQpDiUq!%n%oG9Qdzm)^vG-vP#Gg4zi;(32dyUk~_+0qq_HLpNHIqm!
zXAZMB5?_A(i*ni4ccvbO7vgQb0e?qL6JUT0u1{v(WS@3?^~iBQ6A(cI;1ggd{yYqm
zNaa13&58()k_e^hIW!190UCnR88RFR=Qb5Ri#>UHw_$4$A0M2=p!LV<PoOkRhBgit
zHWxjMB}5%Xx}K^#pGD7B-<i?~lIn1&kBUSDN87@Ls;AKaL^-lu<pfB{WMLR(D7jJ;
ze620Ogy>rQGYZd*sCuAsC!Pl{te34U$}V>?Axa~JXqF>fz|e+*3TUpL`sQ~>sDwGx
zam|94Bj0u&&o2&n4iIvh%?AOk^EFpbgJaf3mh8Mn38PM=%aPnmF1yD`ssq&s;OJV6
z_kFjcP$FrrW*X%i*K?8Xmeq4)=pRMTdAk1=;ak}8sBBf0KpKa6L<pZ~C7Yj5y3mQ?
zKd5jqP~l^qnTFBHk<uW`w?zroi$;vkU|2*hLQqQbs)YKOhx$QO5Bq9QP8VjNNYoHj
k>59Z-Ua~FLV)#SHf1Hf)64^P3jQ{`u07*qoM6N<$g2DZp8vp<R

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring24@3x.png b/resources/images/icons/identicon_ring24@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..99f9df737ef7340774f073edd4edf74a5e8a66ea
GIT binary patch
literal 1955
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

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring32@2x.png b/resources/images/icons/identicon_ring32@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..a71849fcc8923ea534d39a7b0d9a847242a0a885
GIT binary patch
literal 1804
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

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring32@3x.png b/resources/images/icons/identicon_ring32@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..e12426dec632782278486a79d0e2075d48dc5e8c
GIT binary patch
literal 2528
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

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring48@2x.png b/resources/images/icons/identicon_ring48@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..e12426dec632782278486a79d0e2075d48dc5e8c
GIT binary patch
literal 2528
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

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring48@3x.png b/resources/images/icons/identicon_ring48@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b315ea0b11bce163fa45c20e83763a3949919c2
GIT binary patch
literal 3536
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
KMNUMnLSTZ^d5p^d

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring80@2x.png b/resources/images/icons/identicon_ring80@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d6b43b62273dad768f5d40b5a59528efceb599a
GIT binary patch
literal 3778
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

literal 0
HcmV?d00001

diff --git a/resources/images/icons/identicon_ring80@3x.png b/resources/images/icons/identicon_ring80@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..35a8bc72794987df86ce49962e1df7bf8fae2ebc
GIT binary patch
literal 5477
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
bKx@AS+ff}lK-22Y00000NkvXXu0mjfheBy_

literal 0
HcmV?d00001

diff --git a/src/quo2/components/user_avatar.cljs b/src/quo2/components/user_avatar.cljs
new file mode 100644
index 0000000000..fbe7973ca2
--- /dev/null
+++ b/src/quo2/components/user_avatar.cljs
@@ -0,0 +1,147 @@
+(ns quo2.components.user-avatar
+  (:require [quo.react-native :as rn]
+            [quo2.components.text :as text]
+            [quo2.foundations.colors :as colors]
+            [quo2.components.icon :as icons]
+            [clojure.string :refer [upper-case split blank?]]
+            [quo.theme :refer [dark?]]
+            [status-im.ui.components.react :as react]))
+
+(def sizes {:big {:outer 80
+                  :inner 72
+                  :status-indicator 20
+                  :status-indicator-border 4
+                  :font-size :heading-1}
+            :medium {:outer 48
+                     :inner 44
+                     :status-indicator 12
+                     :status-indicator-border 2
+                     :font-size :paragraph-1}
+            :small {:outer 32
+                    :inner 28
+                    :status-indicator 12
+                    :status-indicator-border 2
+                    :font-size :paragraph-2}
+            :xs {:outer 24
+                 :inner 24
+                 :status-indicator 0
+                 :status-indicator-border 0
+                 :font-size :paragraph-2}
+            :xxs {:outer 20
+                  :inner 20
+                  :status-indicator 0
+                  :status-indicator-border 0
+                  :font-size :label}
+            :xxxs {:outer 16
+                   :inner 16
+                   :status-indicator 0
+                   :status-indicator-border 0
+                   :font-size :label}})
+
+(defn dot-indicator
+  [size status-indicator? online? ring? dark?]
+  (when status-indicator?
+    (let [dimensions (get-in sizes [size :status-indicator])
+          border-width (get-in sizes [size :status-indicator-border])
+          right (case size
+                  :big 2
+                  :medium 0
+                  :small -2
+                  0)
+          bottom (case size
+                   :big (if ring?
+                          -1
+                          2)
+                   :medium (if ring?
+                             0
+                             -2)
+                   :small (if ring?
+                            -2
+                            -2)
+                   0)]
+      [rn/view {:style {:background-color (if online?
+                                            colors/success-50
+                                            colors/neutral-40)
+                        :width dimensions
+                        :height dimensions
+                        :border-width border-width
+                        :border-radius dimensions
+                        :border-color (if dark?
+                                        colors/black
+                                        colors/white)
+                        :position :absolute
+                        :bottom bottom
+                        :right right}}])))
+
+(defn container-styling [inner-dimensions outer-dimensions]
+  {:width inner-dimensions
+   :position :absolute
+   :top (/ (- outer-dimensions inner-dimensions) 2)
+   :left (/ (- outer-dimensions inner-dimensions) 2)
+   :height inner-dimensions
+   :border-radius inner-dimensions})
+
+(defn container [inner-dimensions outer-dimensions & children]
+  (let [dark-kw (if dark? :dark :light)]
+    [rn/view {:style (merge {:background-color (colors/custom-color
+                                                :turquoise
+                                                dark-kw)
+                             :justify-content :center
+                             :align-items :center}
+                            (container-styling inner-dimensions outer-dimensions))}
+     children]))
+
+(def small-sizes #{:xs :xxs :xxxs})
+(def identicon-sizes #{:big :medium :small})
+
+(defn user-avatar
+  [{:keys [ring?
+           online?
+           size
+           status-indicator?
+           profile-picture
+           full-name]
+    :or {full-name "empty name"
+         status-indicator? true
+         online? true
+         size :big
+         ring? true}}]
+  (let [initials (if full-name
+                   (reduce str (map first (split full-name " ")))
+                   "")
+        first-initial-letter (if full-name
+                               (or (first full-name) "")
+                               "")
+        identicon? (contains? identicon-sizes size)
+        small? (contains? small-sizes size)
+        using-profile-picture? (-> profile-picture
+                                   blank?
+                                   false?)
+        outer-dimensions (get-in sizes [size :outer])
+        inner-dimensions (get-in sizes [size (if ring?
+                                               :inner
+                                               :outer)])
+        font-size (get-in sizes [size :font-size])
+        icon-text (if-not (or (blank? first-initial-letter)
+                              (blank? initials))
+                    (if small?
+                      first-initial-letter
+                      initials)
+                    "")]
+    [rn/view {:style {:width outer-dimensions
+                      :height outer-dimensions
+                      :border-radius outer-dimensions}}
+     (when (and ring? identicon?)
+       [icons/icon :main-icons/identicon-ring {:width outer-dimensions
+                                               :height outer-dimensions
+                                               :size outer-dimensions
+                                               :no-color true}])
+     (if using-profile-picture?
+       [react/image {:style  (container-styling inner-dimensions outer-dimensions)
+                     :source {:uri profile-picture}}]
+       [container inner-dimensions outer-dimensions
+        [text/text {:weight :semi-bold
+                    :size font-size
+                    :style {:color colors/white-opa-70}}
+         (upper-case icon-text)]])
+     [dot-indicator size status-indicator? online? ring? (dark?)]]))
\ No newline at end of file
diff --git a/src/quo2/screens/main.cljs b/src/quo2/screens/main.cljs
index e729b33565..bdf016aeee 100644
--- a/src/quo2/screens/main.cljs
+++ b/src/quo2/screens/main.cljs
@@ -23,6 +23,7 @@
             [quo2.screens.token-overview :as token-overview]
             [quo2.screens.token-tag :as token-tag]
             [quo2.screens.wallet-user-avatar :as wallet-user-avatar]
+            [quo2.screens.user-avatar :as user-avatar]
             [re-frame.core :as re-frame]))
 
 (def screens [{:name      :quo2-texts
@@ -31,6 +32,9 @@
               {:name      :quo2-wallet-user-avatar
                :insets    {:top false}
                :component wallet-user-avatar/preview-wallet-user-avatar}
+              {:name      :quo2-user-avatar
+               :insets    {:top false}
+               :component user-avatar/preview-user-avatar}
               {:name      :quo2-button
                :insets    {:top false}
                :component button/preview-button}
diff --git a/src/quo2/screens/user_avatar.cljs b/src/quo2/screens/user_avatar.cljs
new file mode 100644
index 0000000000..a417084cca
--- /dev/null
+++ b/src/quo2/screens/user_avatar.cljs
@@ -0,0 +1,61 @@
+(ns quo2.screens.user-avatar
+  (:require [quo.react-native :as rn]
+            [quo.design-system.colors :as colors]
+            [quo.previews.preview :as preview]
+            [quo2.components.user-avatar :as quo2]
+            [reagent.core :as reagent]))
+
+(def descriptor [{:label   "Size:"
+                  :key     :size
+                  :type    :select
+                  :options [{:key   :big
+                             :value "Big"}
+                            {:key   :medium
+                             :value "Medium"}
+                            {:key   :small
+                             :value "Small"}
+                            {:key   :xs
+                             :value "x Small"}
+                            {:key   :xxs
+                             :value "xx Small"}
+                            {:key   :xxxs
+                             :value "xxx Small"}]}
+                 {:label "Online status"
+                  :key   :online?
+                  :type  :boolean}
+                 {:label "Status Indicator"
+                  :key   :status-indicator?
+                  :type  :boolean}
+                 {:label "Identicon Ring"
+                  :key   :ring?
+                  :type  :boolean}
+                 {:label "Full name separated by space"
+                  :key   :full-name
+                  :type  :text}
+                 {:label "Profile Picture URL"
+                  :key   :profile-picture
+                  :type  :text}])
+
+(defn cool-preview []
+  (let [state  (reagent/atom {:full-name "A Y"
+                              :status-indicator? true
+                              :online? true
+                              :size :medium
+                              :ring? true})]
+    (fn []
+      [rn/view {:margin-bottom 50
+                :padding       16}
+       [rn/view {:flex 1}
+        [preview/customizer state descriptor]]
+       [rn/view {:padding-vertical 60
+                 :flex-direction   :row
+                 :justify-content  :center}
+        [quo2/user-avatar @state]]])))
+
+(defn preview-user-avatar []
+  [rn/view {:background-color (:ui-background @colors/theme)
+            :flex             1}
+   [rn/flat-list {:flex                      1
+                  :keyboardShouldPersistTaps :always
+                  :header                    [cool-preview]
+                  :key-fn                    str}]])
\ No newline at end of file