Amirmahdi/front-hokm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:add frames

Browse Source
This commit is contained in:
Amirmahdi
2026-07-08 12:15:06 +03:30
parent 46a649166b
commit df2ae2a215
9 changed files with 379 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/feature/ranked/presentation/screen/leaderboard_screen.dart
+74 -53
View File
@@ -19,56 +19,70 @@ class LeaderboardScreen extends StatelessWidget {
child: SafeArea(
child: Column(
children: [
Row(children: [
const AppBackButton(),
const Spacer(),
const GlowText('رتبه‌بندی فصل', size: 22),
const Spacer(),
const SizedBox(width: 48),
]),
Row(
children: [
Padding(padding: EdgeInsets.all(10), child: AppBackButton()),
const Spacer(),
const GlowText('رتبه‌بندی فصل', size: 22),
const Spacer(),
const SizedBox(width: 48),
],
),
Expanded(
child: BlocBuilder<LeaderboardBloc, LeaderboardState>(
builder: (context, state) {
if (state is LeaderboardError) {
return Center(
child: Column(mainAxisSize: MainAxisSize.min, children: [
Text(state.message,
style: const TextStyle(color: Colors.white70)),
TextButton(
onPressed: () => context
.read<LeaderboardBloc>()
.add(LoadLeaderboardEvent()),
child: const Text('تلاش مجدد'),
),
]),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
state.message,
style: const TextStyle(color: Colors.white70),
),
TextButton(
onPressed:
() => context.read<LeaderboardBloc>().add(
LoadLeaderboardEvent(),
),
child: const Text('تلاش مجدد'),
),
],
),
);
}
if (state is! LeaderboardLoaded) {
return const Center(
child:
CircularProgressIndicator(color: AppColors.gold));
child: CircularProgressIndicator(color: AppColors.gold),
);
}
final lb = state.data;
if (lb.entries.isEmpty) {
return const Center(
child: Text('هنوز کسی در این فصل امتیاز نگرفته است',
style: TextStyle(color: Colors.white54)),
child: Text(
'هنوز کسی در این فصل امتیاز نگرفته است',
style: TextStyle(color: Colors.white54),
),
);
}
return Column(
children: [
Padding(
padding: const EdgeInsets.symmetric(vertical: 6),
child: Text('فصل ${lb.season}',
style: const TextStyle(
color: AppColors.gold, fontSize: 14)),
child: Text(
'فصل ${lb.season}',
style: const TextStyle(
color: AppColors.gold,
fontSize: 14,
),
),
),
Expanded(
child: ListView.separated(
padding: const EdgeInsets.fromLTRB(12, 4, 12, 20),
itemCount: lb.entries.length,
separatorBuilder: (_, __) =>
const SizedBox(height: 8),
separatorBuilder:
(_, __) => const SizedBox(height: 8),
itemBuilder: (_, i) => _row(lb.entries[i]),
),
),
@@ -89,40 +103,47 @@ class LeaderboardScreen extends StatelessWidget {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
decoration: BoxDecoration(
gradient: const LinearGradient(
colors: [Color(0xFF4A0C16), Color(0xFF2A0710)],
),
gradient: LinearGradient(colors: [AppColors.lapis, AppColors.lapisHi]),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: medal ? AppColors.gold : AppColors.goldDark,
width: medal ? 1.6 : 1),
color: medal ? AppColors.gold : AppColors.goldDark,
width: medal ? 1.6 : 1,
),
),
child: Row(children: [
SizedBox(
width: 28,
child: Text('${e.rank}',
child: Row(
children: [
SizedBox(
width: 28,
child: Text(
'${e.rank}',
textAlign: TextAlign.center,
style: TextStyle(
color: medal ? AppColors.gold : Colors.white70,
fontWeight: FontWeight.bold,
fontSize: 16)),
),
const SizedBox(width: 8),
SizedBox(
width: 40,
height: 40,
child: ClipOval(
child: RandomAvatar(e.avatar.isEmpty ? e.name : e.avatar)),
),
const SizedBox(width: 10),
Expanded(
child: Text(e.name,
color: medal ? AppColors.gold : Colors.white70,
fontWeight: FontWeight.bold,
fontSize: 16,
),
),
),
const SizedBox(width: 8),
SizedBox(
width: 40,
height: 40,
child: ClipOval(
child: RandomAvatar(e.avatar.isEmpty ? e.name : e.avatar),
),
),
const SizedBox(width: 10),
Expanded(
child: Text(
e.name,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(color: Colors.white, fontSize: 15)),
),
RankBadge(tier: e.tier, points: e.rankPoints, size: 13),
]),
style: const TextStyle(color: Colors.white, fontSize: 15),
),
),
RankBadge(tier: e.tier, points: e.rankPoints, size: 13),
],
),
);
}
}