[READ ONLY MIRROR] Open Source TikTok alternative built on AT Protocol
github.com/sprksocial/client
flutter
atproto
video
dart
fix: add fallback pfp
+78
-16
+10
lib/src/core/design_system/components/molecules/profile_card.dart
+10
lib/src/core/design_system/components/molecules/profile_card.dart
···
91
91
width: 36,
92
92
height: 36,
93
93
fit: BoxFit.cover,
94
+
errorWidget: (context, url, error) => Container(
95
+
width: 36,
96
+
height: 36,
97
+
color: isDark ? AppColors.grey600 : AppColors.grey300,
98
+
child: Icon(
99
+
Icons.person,
100
+
size: 20,
101
+
color: isDark ? AppColors.grey400 : AppColors.grey600,
102
+
),
103
+
),
94
104
)
95
105
: Container(
96
106
width: 36,
+28
-4
lib/src/core/design_system/components/molecules/story_circle.dart
+28
-4
lib/src/core/design_system/components/molecules/story_circle.dart
···
107
107
shape: BoxShape.circle,
108
108
color: Colors.transparent,
109
109
),
110
-
child: CircleAvatar(
111
-
radius: _imageSize / 2,
112
-
backgroundColor: const Color(0xFFD9D9D9),
113
-
backgroundImage: CachedNetworkImageProvider(imageUrl),
110
+
child: ClipOval(
111
+
child: imageUrl.isNotEmpty
112
+
? CachedNetworkImage(
113
+
imageUrl: imageUrl,
114
+
width: _imageSize,
115
+
height: _imageSize,
116
+
fit: BoxFit.cover,
117
+
errorWidget: (context, url, error) => Container(
118
+
width: _imageSize,
119
+
height: _imageSize,
120
+
color: const Color(0xFFD9D9D9),
121
+
child: const Icon(
122
+
Icons.person,
123
+
size: _imageSize * 0.5,
124
+
color: Colors.grey,
125
+
),
126
+
),
127
+
)
128
+
: Container(
129
+
width: _imageSize,
130
+
height: _imageSize,
131
+
color: const Color(0xFFD9D9D9),
132
+
child: const Icon(
133
+
Icons.person,
134
+
size: _imageSize * 0.5,
135
+
color: Colors.grey,
136
+
),
137
+
),
114
138
),
115
139
),
116
140
),
+1
-1
lib/src/features/profile/ui/widgets/user_list_view.dart
+1
-1
lib/src/features/profile/ui/widgets/user_list_view.dart
···
47
47
return Padding(
48
48
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
49
49
child: ProfileCard(
50
-
imageUrl: user.avatar.toString(),
50
+
imageUrl: user.avatar?.toString() ?? '',
51
51
userName: user.displayName ?? user.handle,
52
52
userHandle: '@${user.handle}',
53
53
description: user.description,
+2
-2
lib/src/features/stories/ui/widgets/stories_list.dart
+2
-2
lib/src/features/stories/ui/widgets/stories_list.dart
···
74
74
final userAvatarUrl = ref
75
75
.read(profileProvider(did: currentUserDid!))
76
76
.when(
77
-
data: (profileData) => profileData.profile!.avatar.toString(),
77
+
data: (profileData) => profileData.profile?.avatar?.toString() ?? '',
78
78
error: (error, stackTrace) => '',
79
79
loading: () => '',
80
80
);
···
108
108
padding: const EdgeInsets.only(right: 12),
109
109
child: StoryCircle.story(
110
110
userName: author.displayName ?? author.handle,
111
-
imageUrl: author.avatar.toString(),
111
+
imageUrl: author.avatar?.toString() ?? '',
112
112
),
113
113
),
114
114
);