update search bar

src/components/topbar/topbar.tsx

@@ -1,20 +1,21 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useAccount, useAccountComment } from '@plebbit/plebbit-react-hooks';
-import Plebbit from '@plebbit/plebbit-js/dist/browser/index.js';
 import { Link, useLocation, useNavigate, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import Plebbit from '@plebbit/plebbit-js/dist/browser/index.js';
+import { useAccount, useAccountComment } from '@plebbit/plebbit-react-hooks';
 import { isAllView, isCatalogView, isSubscriptionsView } from '../../lib/utils/view-utils';
-import styles from './topbar.module.css';
 import { useDefaultSubplebbitAddresses } from '../../hooks/use-default-subplebbits';
-import _, { debounce } from 'lodash';
-import { TimeFilter } from '../board-buttons';
 import { useAutoSubscribe } from '../../hooks/use-auto-subscribe';
+import { TimeFilter } from '../board-buttons';
+import styles from './topbar.module.css';
+import _, { debounce } from 'lodash';
 
 const SearchBar = ({ setShowSearchBar }: { setShowSearchBar: (show: boolean) => void }) => {
+  const { t } = useTranslation();
   const navigate = useNavigate();
   const searchBarRef = useRef<HTMLDivElement>(null);
   const searchInputRef = useRef<HTMLInputElement>(null);
-  const placeholder = `"community.eth/.sol" / "12D3KooW..."`;
+  const placeholder = _.lowerCase(t('enter_board_address'));
 
   useEffect(() => {
     searchInputRef.current?.focus();

src/views/home/boards-list/boards-list.tsx

@@ -28,9 +28,9 @@ const Board = ({ subplebbit, isMobile }: { subplebbit: Subplebbit; isMobile: boo
     <tr className={styles.subplebbit} key={address}>
       <td className={styles.boardAddress}>
         <p className={styles.boardCell}>
-          {showOfflineIcon && <span className={`${styles.offlineIcon} ${offlineIconClass}`} title={offlineTitle} />}
           <Link to={`/p/${address}`}>{displayAddress}</Link>
           {nsfwTag && <span className={styles.nsfw}> ({t(nsfwTag)})</span>}
+          {showOfflineIcon && <span className={`${styles.offlineIcon} ${offlineIconClass}`} title={offlineTitle} />}
         </p>
       </td>
       <td className={styles.boardTitle}>

src/views/home/home.tsx

@@ -9,6 +9,7 @@ import useSubplebbitsStats from '../../hooks/use-subplebbits-stats';
 import PopularThreadsBox from './popular-threads-box';
 import BoardsList from './boards-list';
 import Version from '../../components/version';
+import _ from 'lodash';
 
 // https://github.com/plebbit/temporary-default-subplebbits/blob/master/README.md
 // plebchan shouldn't consider 'vulgar' or 'anti' as nsfw tags, unlike more sfw-oriented clients
@@ -35,7 +36,7 @@ const SearchBar = () => {
           spellCheck='false'
           autoCapitalize='off'
           type='text'
-          placeholder={`"board.eth/.sol" ${t('or')} "12D3KooW..."`}
+          placeholder={_.lowerCase(t('enter_board_address'))}
           ref={searchInputRef}
         />
         <button className={styles.searchButton}>{t('go')}</button>