External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): fix colSpan, hook usage, special theme reset, unused imports, CSS color

Browse Source
This commit is contained in:
plebeius
2026-02-23 18:57:55 +08:00
parent 239f3be199
commit 6c1f535efe
5 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/board-blotter/board-blotter.tsx
+1 -1
View File
@@ -38,7 +38,7 @@ const BoardBlotter = () => {
)} )}
<tfoot> <tfoot>
<tr> <tr>
<td colSpan={2}> <td>
[ [
<span className={styles.hideButton} onClick={() => toggleVisibility()}> <span className={styles.hideButton} onClick={() => toggleVisibility()}>
{isHidden ? t('show_blotter') : t('hide')} {isHidden ? t('show_blotter') : t('hide')}
src/components/boardsbar/boardsbar.tsx
+1 -1
View File
@@ -335,7 +335,7 @@ const BoardsBarMobile = ({ subplebbitAddress }: { subplebbitAddress?: string })
{boardSelect} {boardSelect}
</div> </div>
<div className={styles.pageJump}> <div className={styles.pageJump}>
<Link to={useLocation().pathname.replace(/\/$/, '') + '/settings'}>{t('settings')}</Link> <Link to={location.pathname.replace(/\/$/, '') + '/settings'}>{t('settings')}</Link>
<span onClick={() => setShowSearchBar(!showSearchBar)}>{capitalize(t('search'))}</span> <span onClick={() => setShowSearchBar(!showSearchBar)}>{capitalize(t('search'))}</span>
<Link to='/'>{t('home')}</Link> <Link to='/'>{t('home')}</Link>
{showSearchBar && <SearchBar setShowSearchBar={setShowSearchBar} />} {showSearchBar && <SearchBar setShowSearchBar={setShowSearchBar} />}
src/components/style-selector/style-selector.tsx
+8
View File
@@ -1,3 +1,4 @@
import { useEffect } from 'react';
import useTheme from '../../hooks/use-theme'; import useTheme from '../../hooks/use-theme';
import useSpecialThemeStore from '../../stores/use-special-theme-store'; import useSpecialThemeStore from '../../stores/use-special-theme-store';
import { isChristmas } from '../../lib/utils/time-utils'; import { isChristmas } from '../../lib/utils/time-utils';
@@ -8,6 +9,13 @@ const StyleSelector = () => {
const { isEnabled, setIsEnabled } = useSpecialThemeStore(); const { isEnabled, setIsEnabled } = useSpecialThemeStore();
const isChristmasTime = isChristmas(); const isChristmasTime = isChristmas();
useEffect(() => {
if (!isChristmasTime && isEnabled) {
setIsEnabled(false);
setTheme('tomorrow');
}
}, [isChristmasTime, isEnabled, setIsEnabled, setTheme]);
const handleThemeChange = (e: React.ChangeEvent<HTMLSelectElement>) => { const handleThemeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
const newTheme = e.target.value; const newTheme = e.target.value;
src/components/thread-footer-first-row/thread-footer-first-row.tsx
-3
View File
@@ -1,8 +1,6 @@
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useLocation, useParams } from 'react-router-dom'; import { useLocation, useParams } from 'react-router-dom';
import { isAllView, isSubscriptionsView, isModView } from '../../lib/utils/view-utils'; import { isAllView, isSubscriptionsView, isModView } from '../../lib/utils/view-utils';
import { useDirectories } from '../../hooks/use-directories';
import { getBoardPath } from '../../lib/utils/route-utils';
import useReplyModalStore from '../../stores/use-reply-modal-store'; import useReplyModalStore from '../../stores/use-reply-modal-store';
import { ReturnButton, CatalogButton, TopButton, UpdateButton, AutoButton, PostPageStats } from '../board-buttons/board-buttons'; import { ReturnButton, CatalogButton, TopButton, UpdateButton, AutoButton, PostPageStats } from '../board-buttons/board-buttons';
import styles from './thread-footer-first-row.module.css'; import styles from './thread-footer-first-row.module.css';
@@ -19,7 +17,6 @@ const ThreadFooterFirstRow = ({ postCid, threadNumber, subplebbitAddress, isThre
const { t } = useTranslation(); const { t } = useTranslation();
const location = useLocation(); const location = useLocation();
const params = useParams(); const params = useParams();
const directories = useDirectories();
const { openReplyModalEmpty } = useReplyModalStore(); const { openReplyModalEmpty } = useReplyModalStore();
const isInAllView = isAllView(location.pathname); const isInAllView = isAllView(location.pathname);
src/themes.css
+2 -2
View File
@@ -656,7 +656,7 @@
/* boardsbar */ /* boardsbar */
--boardsbar-font-size: 11pt; --boardsbar-font-size: 11pt;
--boardsbar-separator-color: none; --boardsbar-separator-color: transparent;
--boardsbar-desktop-link-text-color: #00e; --boardsbar-desktop-link-text-color: #00e;
--boardsbar-desktop-link-text-color-hover: red; --boardsbar-desktop-link-text-color-hover: red;
--boardsbar-desktop-link-text-decoration: underline; --boardsbar-desktop-link-text-decoration: underline;
@@ -868,7 +868,7 @@
/* boardsbar */ /* boardsbar */
--boardsbar-font-size: 11pt; --boardsbar-font-size: 11pt;
--boardsbar-separator-color: none; --boardsbar-separator-color: transparent;
--boardsbar-desktop-link-text-color: #34345c; --boardsbar-desktop-link-text-color: #34345c;
--boardsbar-desktop-link-text-color-hover: #d00; --boardsbar-desktop-link-text-color-hover: #d00;
--boardsbar-desktop-link-text-decoration: underline; --boardsbar-desktop-link-text-decoration: underline;