diff --git a/packages/shared/src/components/PostOptionsMenu.tsx b/packages/shared/src/components/PostOptionsMenu.tsx
index f3c1e845bd..30e1fd882d 100644
--- a/packages/shared/src/components/PostOptionsMenu.tsx
+++ b/packages/shared/src/components/PostOptionsMenu.tsx
@@ -286,11 +286,22 @@ export default function PostOptionsMenu({
const isEnabled = checkSettingsEnabledState(video?.id);
const icon = isEnabled ? '⛔️' : '✅';
const label = isEnabled ? 'blocked' : 'unblocked';
- await onUpdateSettings(video.id, !isEnabled);
+ await onUpdateSettings([
+ {
+ id: video.id,
+ enabled: !isEnabled,
+ },
+ ]);
await showMessageAndRemovePost(
`${icon} Video content ${label}`,
postIndex,
- () => onUpdateSettings(video.id, isEnabled),
+ () =>
+ onUpdateSettings([
+ {
+ id: video.id,
+ enabled: !isEnabled,
+ },
+ ]),
);
};
diff --git a/packages/shared/src/components/feeds/FeedSettings/sections/FeedSettingsContentPreferencesSection.tsx b/packages/shared/src/components/feeds/FeedSettings/sections/FeedSettingsContentPreferencesSection.tsx
index 39453f08db..c1706f3578 100644
--- a/packages/shared/src/components/feeds/FeedSettings/sections/FeedSettingsContentPreferencesSection.tsx
+++ b/packages/shared/src/components/feeds/FeedSettings/sections/FeedSettingsContentPreferencesSection.tsx
@@ -4,6 +4,7 @@ import { FeedSettingsEditContext } from '../FeedSettingsEditContext';
import useFeedSettings from '../../../../hooks/useFeedSettings';
import { useAdvancedSettings } from '../../../../hooks/feed/useAdvancedSettings';
import {
+ getArticleSettings,
getContentCurationList,
getContentSourceList,
getVideoSetting,
@@ -14,6 +15,7 @@ import {
TypographyType,
} from '../../../typography/Typography';
import { FilterCheckbox } from '../../../fields/FilterCheckbox';
+import { FeedType } from '../../../../graphql/feed';
const ADVANCED_SETTINGS_KEY = 'advancedSettings';
@@ -21,11 +23,13 @@ export const FeedSettingsContentPreferencesSection = (): ReactElement => {
const { feed } = useContext(FeedSettingsEditContext);
const { advancedSettings } = useFeedSettings({ feedId: feed?.id });
const videoSetting = getVideoSetting(advancedSettings);
+ const articleSetting = getArticleSettings(advancedSettings);
const {
selectedSettings,
onToggleSettings,
checkSourceBlocked,
onToggleSource,
+ onUpdateSettings,
} = useAdvancedSettings({ feedId: feed?.id });
const contentSourceList = useMemo(
@@ -70,9 +74,26 @@ export const FeedSettingsContentPreferencesSection = (): ReactElement => {
{videoSetting.title}
)}
-