refactor(boards-bar): rename boardsbar to boards-bar

src/app.tsx

@@ -30,10 +30,10 @@ import BoardHeader from './components/board-header';
 import FeedCacheContainer from './components/feed-cache-container';
 import PostForm from './components/post-form';
 import BoardBlotter from './components/board-blotter';
-import BoardsBar from './components/boardsbar';
+import BoardsBar from './components/boards-bar';
 
 const AccountDataEditor = lazy(() => import('./views/account-data-editor'));
-const BoardsBarEditModal = lazy(() => import('./components/boardsbar-edit-modal'));
+const BoardsBarEditModal = lazy(() => import('./components/boards-bar-edit-modal'));
 const CreateBoardModal = lazy(() => import('./components/create-board-modal'));
 const ChallengeModal = lazy(() => import('./components/challenge-modal'));
 const DirectoryModal = lazy(() => import('./components/directory-modal'));

src/components/boards-bar-edit-modal/boards-bar-edit-modal.tsx

@@ -1,10 +1,10 @@
 import { useState, useMemo } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { useAccount } from '@bitsocialhq/pkc-react-hooks';
-import useBoardsBarEditModalStore from '../../stores/use-boardsbar-edit-modal-store';
-import useBoardsBarVisibilityStore from '../../stores/use-boardsbar-visibility-store';
+import useBoardsBarEditModalStore from '../../stores/use-boards-bar-edit-modal-store';
+import useBoardsBarVisibilityStore from '../../stores/use-boards-bar-visibility-store';
 import { getAllBoardCodes } from '../../constants/board-codes';
-import styles from './boardsbar-edit-modal.module.css';
+import styles from './boards-bar-edit-modal.module.css';
 
 const directoriesToString = (dirs: Set<string>): string => Array.from(dirs).sort().join(' ');
 

src/components/boards-bar-edit-modal/index.ts

@@ -0,0 +1 @@
+export { default } from './boards-bar-edit-modal';

src/components/boards-bar/boards-bar.tsx

@@ -9,11 +9,11 @@ import { useDirectories, DirectoryCommunity } from '../../hooks/use-directories'
 import { useBoardPath, useResolvedSubplebbitAddress } from '../../hooks/use-resolved-subplebbit-address';
 import { getBoardPath, extractDirectoryFromTitle } from '../../lib/utils/route-utils';
 import useCreateBoardModalStore from '../../stores/use-create-board-modal-store';
-import useBoardsBarEditModalStore from '../../stores/use-boardsbar-edit-modal-store';
-import useBoardsBarVisibilityStore from '../../stores/use-boardsbar-visibility-store';
+import useBoardsBarEditModalStore from '../../stores/use-boards-bar-edit-modal-store';
+import useBoardsBarVisibilityStore from '../../stores/use-boards-bar-visibility-store';
 import useDirectoryModalStore from '../../stores/use-directory-modal-store';
 import { BOARD_CODE_GROUPS, getAllBoardCodes } from '../../constants/board-codes';
-import styles from './boardsbar.module.css';
+import styles from './boards-bar.module.css';
 import capitalize from 'lodash/capitalize';
 import debounce from 'lodash/debounce';
 import lowerCase from 'lodash/lowerCase';

src/components/boards-bar/index.ts

@@ -0,0 +1 @@
+export { default } from './boards-bar';

src/components/boardsbar-edit-modal/index.ts

@@ -1 +0,0 @@
-export { default } from './boardsbar-edit-modal';

src/components/boardsbar/index.ts

@@ -1 +0,0 @@
-export { default } from './boardsbar';

src/components/footer/footer.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import { useLocation, useParams } from 'react-router-dom';
-import BoardsBar from '../boardsbar';
+import BoardsBar from '../boards-bar';
 import SiteLegalMeta from '../site-legal-meta';
 import StyleSelector from '../style-selector/style-selector';
 import { ReturnButton, CatalogButton, TopButton, UpdateButton, AutoButton, PostPageStats, RefreshButton } from '../board-buttons/board-buttons';

src/stores/use-boards-bar-visibility-store.ts

@@ -9,7 +9,7 @@ const LOCALSTORAGE_KEY_SUBSCRIPTIONS_OLD = '5chan-topbar-subscriptions-visible';
 interface BoardsBarVisibilityState {
   // Directory codes that are visible (all visible by default)
   visibleDirectories: Set<string>;
-  // If true, show all account subscriptions in boardsbar (default: false)
+  // If true, show all account subscriptions in boards bar (default: false)
   showSubscriptionsInBoardsBar: boolean;
   // Actions
   toggleDirectory: (code: string) => void;