feat: legacy mobile apps created

mobile-apps/legacy/staff-app/lib/features/earning/presentation/slivers/bottom_earnings_sliver.dart

@@ -0,0 +1,51 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:gap/gap.dart';
+import 'package:krow/core/data/enums/pagination_status.dart';
+import 'package:krow/core/presentation/styles/kw_text_styles.dart';
+import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
+
+class BottomEarningsSliver extends StatelessWidget {
+  const BottomEarningsSliver({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverSafeArea(
+      top: false,
+      sliver: BlocBuilder<EarningsBloc, EarningsState>(
+        buildWhen: (previous, current) =>
+        previous.currentTab != current.currentTab ||
+            current.currentTab.status != previous.currentTab.status,
+        builder: (context, state) {
+          return SliverToBoxAdapter(
+            child: Column(
+              children: [
+                SizedBox(
+                  height: 60,
+                  child: Center(
+                    child: switch (state.currentTab.status) {
+                      PaginationStatus.initial ||
+                      PaginationStatus.loading =>
+                      const CircularProgressIndicator(),
+                      PaginationStatus.empty =>  Text(
+                        'no_history_section'.tr(),
+                        style: AppTextStyles.bodyMediumReg,
+                      ),
+                      PaginationStatus.end =>  Text(
+                        'end_of_payments_history'.tr(),
+                        style: AppTextStyles.bodyMediumReg,
+                      ),
+                      _ => null,
+                    },
+                  ),
+                ),
+                const Gap(20),
+              ],
+            ),
+          );
+        },
+      ),
+    );
+  }
+}

mobile-apps/legacy/staff-app/lib/features/earning/presentation/slivers/earnings_header_sliver.dart

@@ -0,0 +1,47 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:gap/gap.dart';
+import 'package:krow/core/presentation/styles/kw_text_styles.dart';
+import 'package:krow/core/presentation/widgets/ui_kit/kw_tabs.dart';
+import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
+import 'package:krow/features/earning/presentation/widget/earnings_appbar.dart';
+import 'package:krow/features/earning/presentation/widget/earnings_header.dart';
+
+class EarningsHeaderSliver extends StatelessWidget {
+  const EarningsHeaderSliver({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverList.list(
+      children: [
+        const EarningsAppBar(child: EarningsHeader()),
+        const Gap(24),
+        Padding(
+          padding: const EdgeInsets.only(left: 16.0),
+          child: Text(
+            'your_shifts'.tr(),
+            style: AppTextStyles.bodySmallMed,
+          ),
+        ),
+        const Gap(24),
+        BlocBuilder<EarningsBloc, EarningsState>(
+          buildWhen: (previous, current) =>
+          previous.tabs != current.tabs,
+          builder: (context, state) {
+            return KwTabBar(
+              key: const Key('earnings_tab_bar'),
+              forceScroll: true,
+              tabs: [for (final tab in state.tabs) tab.label.tr()],
+              onTap: (int index) {
+                context
+                    .read<EarningsBloc>()
+                    .add(EarningsTabChangedEvent(tabIndex: index));
+              },
+            );
+          },
+        ),
+      ],
+    );
+  }
+}

mobile-apps/legacy/staff-app/lib/features/earning/presentation/slivers/earnings_list_sliver.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:gap/gap.dart';
+import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
+import 'package:krow/features/earning/presentation/widget/list_item/earning_card_widget.dart';
+
+class EarningsListSliver extends StatelessWidget {
+  const EarningsListSliver({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverPadding(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
+      sliver: BlocBuilder<EarningsBloc, EarningsState>(
+        buildWhen: (previous, current) =>
+            previous.tabIndex != current.tabIndex ||
+            previous.currentTab.items != current.currentTab.items,
+        builder: (context, state) {
+          return SliverList.separated(
+            itemCount: state.currentTab.items.length,
+            separatorBuilder: (context, index) => const Gap(12),
+            itemBuilder: (context, index) {
+              return EarningCardWidget(
+                earningEntity: state.currentTab.items[index],
+              );
+            },
+          );
+        },
+      ),
+    );
+  }
+}