File tree Expand file tree Collapse file tree
src/sections/Projects/Sistent/components/avatar Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -62,15 +62,6 @@ const Guidance = () => {
6262 < li >
6363 < strong > Fallback Mechanisms:</ strong > Implement robust fallback
6464 strategies:
65- < code >
66- {
67- "<Avatar src={userImage} alt={userName} fallback={<Avatar>{userInitials}</Avatar>}/>"
68- }
69- </ code >
70- </ li >
71- < li >
72- Maintain consistent avatar sizing and style across the
73- application.
7465 </ li >
7566 < li > Optimize image resolution for performance and clarity.</ li >
7667 </ ul >
@@ -89,26 +80,12 @@ const Guidance = () => {
8980 < li > Use image compression techniques.</ li >
9081 < li > Implement lazy loading for avatar images.</ li >
9182 < li > Cache avatar images to reduce network requests.</ li >
92- < li >
93- Example lazy loading implementation:
94- < code >
95- { "<Avatar loading=\"lazy\" src=\"/path/to/optimized/image.jpg\"/>" }
96- </ code >
97- </ li >
9883 </ ul >
9984
10085 < h3 > Advanced Customization</ h3 >
10186 < ul >
10287 < li > Theme-aware color generation for initial avatars.</ li >
10388 < li > Status indicators (online/offline/away).</ li >
104- < li >
105- Example status badge:
106- < code >
107- {
108- "<Avatar src={userImage} status=\"online\" statusProps={{ color: 'green', position: 'bottom-right' }}/>"
109- }
110- </ code >
111- </ li >
11289 </ ul >
11390
11491 < h3 > Common Integration Patterns</ h3 >
You can’t perform that action at this time.
0 commit comments