@@ -3,6 +3,13 @@ import { Button, Page, Typography } from '@/shared/ui';
33
44import styles from './DashboardPage.module.scss' ;
55
6+ const mockImages = [
7+ 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTIJxOLfDct_vEPdS-6OsRnS-kDl_HCv5nI2A&s' ,
8+ `https://st3.depositphotos.com/3557671/12561/v/450/
9+ depositphotos_125614312-stock-illustration-woman-icon-cartoon-single-avatarpeaople.jpg` ,
10+ 'https://www.svgrepo.com/show/382097/female-avatar-girl-face-woman-user-9.svg' ,
11+ ] ;
12+
613const DashboardPage = ( ) => {
714 return (
815 < Page aria-labelledby = { SECTION_TITLE_ID } tag = 'section' className = { styles . main } >
@@ -26,31 +33,19 @@ const DashboardPage = () => {
2633 </ Typography >
2734 < ul className = { styles . user_list } >
2835 < li className = { styles . user } >
29- < img
30- className = { styles . avatar }
31- src = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTIJxOLfDct_vEPdS-6OsRnS-kDl_HCv5nI2A& s '
32- alt = ''
33- />
36+ < img className = { styles . avatar } src = { mockImages [ 0 ] } alt = 'avatar image' />
3437 < Typography tag = 'span' variant = 'medium_16' >
3538 Mike Stupid
3639 </ Typography >
3740 </ li >
3841 < li className = { styles . user } >
39- < img
40- className = { styles . avatar }
41- src = 'https://st3.depositphotos.com/3557671/12561/v/450/depositphotos_125614312-stock-illustration-woman-icon-cartoon-single-avatarpeaople.jpg'
42- alt = ''
43- />
42+ < img className = { styles . avatar } src = { mockImages [ 1 ] } alt = 'avatar image' />
4443 < Typography tag = 'span' variant = 'medium_16' >
4544 Alice girl
4645 </ Typography >
4746 </ li >
4847 < li className = { styles . user } >
49- < img
50- className = { styles . avatar }
51- src = 'https://www.svgrepo.com/show/382097/female-avatar-girl-face-woman-user-9.svg'
52- alt = ''
53- />
48+ < img className = { styles . avatar } src = { mockImages [ 2 ] } alt = 'avatar image' />
5449 < Typography tag = 'span' variant = 'medium_16' >
5550 Terminato 1C
5651 </ Typography >
0 commit comments