fix: restored basket tab in sidebar (#2824)

src/renderer/app/modelInit.ts

@@ -8,6 +8,7 @@ import { walletModel } from '@/entities/wallet';
 import { multisigsModel } from '@/processes/multisigs';
 import { assetsSettingsModel } from '@/features/assets';
 import { assetsNavigationFeature } from '@/features/assets-navigation';
+import { basketNavigationFeature } from '@/features/basket-navigation';
 import { contactsNavigationFeature } from '@/features/contacts-navigation';
 import { fellowshipNavigationFeature } from '@/features/fellowship-navigation';
 import { governanceNavigationFeature } from '@/features/governance-navigation';
@@ -27,6 +28,7 @@ export const initModel = () => {
   contactsNavigationFeature.start();
   notificationsNavigationFeature.start();
   settingsNavigationFeature.start();
+  basketNavigationFeature.start();
 
   walletsSelectFeature.start();
 

src/renderer/features/basket-navigation/index.tsx

@@ -0,0 +1,36 @@
+import { useUnit } from 'effector-react';
+
+import { $features } from '@/shared/config/features';
+import { createFeature } from '@/shared/effector';
+import { Paths } from '@/shared/routes';
+import { BodyText } from '@/shared/ui';
+import { basketModel } from '@/entities/basket';
+import { walletModel } from '@/entities/wallet';
+import { navigationBottomLinksPipeline } from '@/features/app-shell';
+import { basketUtils } from '@/features/operations/OperationsConfirm';
+
+export const basketNavigationFeature = createFeature({
+  name: 'basket/navigation',
+  enable: $features.map(({ basket }) => basket),
+});
+
+basketNavigationFeature.inject(navigationBottomLinksPipeline, (items) => {
+  const wallet = useUnit(walletModel.$activeWallet);
+  const basket = useUnit(basketModel.$basket);
+
+  if (!wallet || !basketUtils.isBasketAvailable(wallet)) {
+    return items;
+  }
+
+  return items.concat({
+    order: 0,
+    icon: 'operations',
+    title: 'navigation.basketLabel',
+    link: Paths.BASKET,
+    badge: (
+      <BodyText className="ml-auto text-text-tertiary">
+        {basket.filter((tx) => tx.initiatorWallet === wallet?.id).length || ''}
+      </BodyText>
+    ),
+  });
+});

src/renderer/features/navigation/index.ts

@@ -1,2 +1 @@
-export { Navigation } from './ui/Navigation';
 export { navigationModel } from './model/navigation-model';

src/renderer/features/notifications-navigation/index.ts

@@ -10,7 +10,7 @@ export const notificationsNavigationFeature = createFeature({
 
 notificationsNavigationFeature.inject(navigationBottomLinksPipeline, (items) => {
   return items.concat({
-    order: 0,
+    order: 1,
     icon: 'notification',
     title: 'navigation.notificationsLabel',
     link: Paths.NOTIFICATIONS,

src/renderer/features/settings-navigation/index.ts

@@ -10,7 +10,7 @@ export const settingsNavigationFeature = createFeature({
 
 settingsNavigationFeature.inject(navigationBottomLinksPipeline, (items) => {
   return items.concat({
-    order: 1,
+    order: 2,
     icon: 'settings',
     title: 'navigation.settingsLabel',
     link: Paths.SETTINGS,

src/renderer/shared/config/features/index.ts

@@ -13,6 +13,7 @@ export const $features = createStore({
   // TODO: Dev only
   fellowship: isDev(),
   operations: true,
+  basket: true,
   contacts: true,
   notifications: true,
   settings: true,