feat(staking): LW-7406: extended version of management drawer (#579)

---------

Co-authored-by: Szymon Masłowski <szymon.maslowski@iohk.io>
Co-authored-by: Przemysław Włodek <przem.wlodek.github@gmail.com>

Author: 3 people

package.json

@@ -24,7 +24,7 @@
     "packages/ui"
   ],
   "scripts": {
-    "base-command-for-build-scripts": "wsrun --prefix -tram ${APP_NAME:+-p \"@lace/$APP_NAME\"} ${EXCLUDE_APP:+-x \"@lace/$APP_NAME\"} ${EXCLUDE_BROWSER:+-x \"@lace/browser-extension-wallet\"}",
+    "base-command-for-build-scripts": "wsrun --prefix -trame ${APP_NAME:+-p \"@lace/$APP_NAME\"} ${EXCLUDE_APP:+-x \"@lace/$APP_NAME\"} ${EXCLUDE_BROWSER:+-x \"@lace/browser-extension-wallet\"}",
     "browser": "APP_NAME=browser-extension-wallet yarn $0",
     "build": "yarn base-command-for-build-scripts -c build",
     "build-deps": "EXCLUDE_APP=true yarn build",

packages/staking/.eslintignore

@@ -1 +1 @@
-src/features/browse-pools/data.json
+src/features/BrowsePools/data.json

packages/staking/.eslintrc.cjs

@@ -22,6 +22,7 @@ module.exports = {
     '@typescript-eslint/explicit-module-boundary-types': 'off',
     '@typescript-eslint/no-unused-vars': 'error',
     '@typescript-eslint/switch-exhaustiveness-check': 'error',
+    curly: ['error', 'multi-line'],
     'import/no-default-export': 'error',
     'import/no-extraneous-dependencies': 2,
     'import/no-unresolved': 'off',

packages/staking/src/assets/icons/bell-icon.component.svg renamed to packages/staking/src/assets/icons/bell-icon.svg

@@ -3,19 +3,24 @@ import { Button, Card, Flex, Text } from '@lace/ui';
 import { useOutsideHandles } from 'features/outside-handles-provider';
 import { useTranslation } from 'react-i18next';
 import ArrowRight from '../staking/arrow-right.svg';
-import { Flow, MAX_POOLS_COUNT, useDelegationPortfolioStore } from '../store';
+import { DelegationFlow, MAX_POOLS_COUNT, useDelegationPortfolioStore } from '../store';
 import * as styles from './PortfolioBar.css';
 
 export const PortfolioBar = () => {
   const { t } = useTranslation();
-  const { activeFlow, portfolioMutators, selectedPoolsCount } = useDelegationPortfolioStore((store) => ({
-    activeFlow: store.activeFlow,
+  const { activeDelegationFlow, portfolioMutators, selectedPoolsCount } = useDelegationPortfolioStore((store) => ({
+    activeDelegationFlow: store.activeDelegationFlow,
     portfolioMutators: store.mutators,
     selectedPoolsCount: store.selectedPortfolio.length,
   }));
   const { analytics } = useOutsideHandles();
 
-  if (![Flow.BrowsePools, Flow.PoolDetails].includes(activeFlow) || selectedPoolsCount === 0) return null;
+  if (
+    ![DelegationFlow.BrowsePools, DelegationFlow.PoolDetails].includes(activeDelegationFlow) ||
+    selectedPoolsCount === 0
+  ) {
+    return null;
+  }
 
   return (
     <Card.Elevated className={styles.barContainer}>