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

feat(catalog): add text pattern filters

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-09-05 14:46:44 +02:00
parent 1122eb4f71
commit da33358ca4
4 changed files with 170 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/catalog/catalog.tsx
+25 -9
View File
@@ -21,12 +21,21 @@ import styles from './catalog.module.css';
const lastVirtuosoStates: { [key: string]: StateSnapshot } = {};
const catalogFilter = (comment: Comment) => {
const threadsWithImagesFilter = (comment: Comment) => {
const commentMediaInfo = getCommentMediaInfo(comment);
const hasThumbnail = getHasThumbnail(commentMediaInfo, comment?.link);
return hasThumbnail;
};
const textFilter = (comment: Comment, filterText: string) => {
if (!filterText) return true;
const filterWords = filterText.toLowerCase().split(/\s+/);
const titleWords = comment?.title?.toLowerCase().split(/\s+/) || [];
const contentWords = comment?.content?.toLowerCase().split(/\s+/) || [];
return !filterWords.every((filterWord) => titleWords.includes(filterWord) || contentWords.includes(filterWord));
};
const Catalog = () => {
const { t } = useTranslation();
const location = useLocation();
@@ -34,7 +43,7 @@ const Catalog = () => {
const isInAllView = isAllView(location.pathname, useParams());
const defaultSubplebbits = useDefaultSubplebbits();
const { showAdultBoards, showGoreBoards } = useCatalogFiltersStore();
const { showAdultBoards, showGoreBoards, showTextOnlyThreads, filterText } = useCatalogFiltersStore();
const account = useAccount();
const subscriptions = account?.subscriptions;
@@ -72,15 +81,22 @@ const Catalog = () => {
const postsPerPage = useMemo(() => (columnCount <= 2 ? 10 : columnCount === 3 ? 15 : columnCount === 4 ? 20 : 25), []);
const { timeFilterSeconds } = useTimeFilter();
const { showTextOnlyThreads } = useCatalogFiltersStore();
const { sortType } = useSortingStore();
const feedOptions: any = {
subplebbitAddresses,
sortType,
postsPerPage: isInAllView || isInSubscriptionsView ? 10 : postsPerPage,
filter: !showTextOnlyThreads && catalogFilter,
};
const feedOptions: any = useMemo(
() => ({
subplebbitAddresses,
sortType,
postsPerPage: isInAllView || isInSubscriptionsView ? 10 : postsPerPage,
filter: (comment: Comment) => {
if (!showTextOnlyThreads && !threadsWithImagesFilter(comment)) {
return false;
}
return textFilter(comment, filterText);
},
}),
[subplebbitAddresses, sortType, isInAllView, isInSubscriptionsView, postsPerPage, showTextOnlyThreads, filterText],
);
if (isInAllView || isInSubscriptionsView) {
feedOptions.newerThan = timeFilterSeconds;