diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/Activityfeed/ActivityEntryKnockout.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/Activityfeed/ActivityEntryKnockout.tsx
index 4a89a84076..5842678327 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/Activityfeed/ActivityEntryKnockout.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/Activityfeed/ActivityEntryKnockout.tsx
@@ -4,7 +4,9 @@ import { useChangedFieldNames } from '@/Components/useChangedFieldNames';
 import { ActivityEntryContract } from '@/DataContracts/ActivityEntry/ActivityEntryContract';
 import { EntryContract } from '@/DataContracts/EntryContract';
 import { EntryType } from '@/Models/EntryType';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
+import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
@@ -90,110 +92,117 @@ interface ActivityEntryKnockoutProps {
 	showDetails?: boolean;
 }
 
-export const ActivityEntryKnockout = ({
-	entry,
-	showDetails = false,
-}: ActivityEntryKnockoutProps): React.ReactElement => {
-	const { t } = useTranslation(['HelperRes', 'ViewRes']);
-
-	const activityFeedEventName = useActivityFeedEventName();
-	const changedFieldNames = useChangedFieldNames();
-	const entryTypeName = useEntryTypeName();
-
-	return (
-		<div className="message activityEntry ui-tabs ui-widget ui-widget-content ui-corner-all">
-			{entry.author ? (
-				<span>
-					<IconNameAndTypeLinkKnockout user={entry.author} />
-				</span>
-			) : (
-				<span>{t('HelperRes:ActivityFeedHelper.Someone')}</span>
-			)}{' '}
-			<span>{activityFeedEventName(entry)}</span>
-			{showDetails && entry.archivedVersion && (
-				<>
-					{' '}
+export const ActivityEntryKnockout = observer(
+	({
+		entry,
+		showDetails = false,
+	}: ActivityEntryKnockoutProps): React.ReactElement => {
+		const { t } = useTranslation(['HelperRes', 'ViewRes']);
+
+		const activityFeedEventName = useActivityFeedEventName();
+		const changedFieldNames = useChangedFieldNames();
+		const entryTypeName = useEntryTypeName();
+
+		const mutedUsers = useMutedUsers();
+		if (entry.author && mutedUsers.includes(entry.author.id)) return <></>;
+
+		return (
+			<div className="message activityEntry ui-tabs ui-widget ui-widget-content ui-corner-all">
+				{entry.author ? (
 					<span>
-						{entry.archivedVersion.changedFields &&
-							entry.archivedVersion.changedFields.length > 0 && (
-								<span>
-									(
-									{entry.archivedVersion.changedFields
-										.map((changedField) =>
-											changedFieldNames(
-												EntryType[
-													entry.entry.entryType as keyof typeof EntryType
-												],
-												changedField,
-											),
-										)
-										.join(', ')}
-									)
-								</span>
-							)}
-						{entry.archivedVersion.notes && (
-							<>
-								{' '}
-								<span>"{entry.archivedVersion.notes}"</span>
-							</>
-						)}{' '}
-						{entry.entry.entryType !== 'SongList' &&
-							entry.entry.entryType !== 'ReleaseEvent' && (
-								<span>
-									(
-									<Link
-										to={`/${entry.entry.entryType}/ViewVersion/${entry.archivedVersion.id}`}
-									>
-										{t('ViewRes:Misc.Details')}
-									</Link>
-									)
-								</span>
-							)}
+						<IconNameAndTypeLinkKnockout user={entry.author} />
 					</span>
-				</>
-			)}
-			<MomentJsTimeAgo as="small" className="pull-right extraInfo">
-				{entry.createDate}
-			</MomentJsTimeAgo>
-			<div className="media">
-				{entry.entry.mainPicture &&
-					(entry.entry.mainPicture.urlTinyThumb ||
-						entry.entry.mainPicture.urlSmallThumb) && (
-						<Link
-							className="pull-left"
-							to={getEntryUrl(entry.entry)}
-							title={entry.entry.additionalNames}
-						>
-							<img
-								src={
-									entry.entry.mainPicture.urlTinyThumb ||
-									entry.entry.mainPicture.urlSmallThumb
-								}
-								alt="thumb"
-								className="media-object coverPicThumb"
-								referrerPolicy="same-origin"
-							/>
-						</Link>
-					)}
-				<div className="media-body">
-					<h4 className="media-heading">
-						<Link
-							to={getEntryUrl(entry.entry)}
-							title={entry.entry.additionalNames}
-						>
-							<strong>{entry.entry.name}</strong>
-						</Link>
-						{entryTypeName(entry.entry) && (
-							<>
-								{' '}
-								<span>({entryTypeName(entry.entry)})</span>
-							</>
+				) : (
+					<span>{t('HelperRes:ActivityFeedHelper.Someone')}</span>
+				)}{' '}
+				<span>{activityFeedEventName(entry)}</span>
+				{showDetails && entry.archivedVersion && (
+					<>
+						{' '}
+						<span>
+							{entry.archivedVersion.changedFields &&
+								entry.archivedVersion.changedFields.length > 0 && (
+									<span>
+										(
+										{entry.archivedVersion.changedFields
+											.map((changedField) =>
+												changedFieldNames(
+													EntryType[
+														entry.entry.entryType as keyof typeof EntryType
+													],
+													changedField,
+												),
+											)
+											.join(', ')}
+										)
+									</span>
+								)}
+							{entry.archivedVersion.notes && (
+								<>
+									{' '}
+									<span>"{entry.archivedVersion.notes}"</span>
+								</>
+							)}{' '}
+							{entry.entry.entryType !== 'SongList' &&
+								entry.entry.entryType !== 'ReleaseEvent' && (
+									<span>
+										(
+										<Link
+											to={`/${entry.entry.entryType}/ViewVersion/${entry.archivedVersion.id}`}
+										>
+											{t('ViewRes:Misc.Details')}
+										</Link>
+										)
+									</span>
+								)}
+						</span>
+					</>
+				)}
+				<MomentJsTimeAgo as="small" className="pull-right extraInfo">
+					{entry.createDate}
+				</MomentJsTimeAgo>
+				<div className="media">
+					{entry.entry.mainPicture &&
+						(entry.entry.mainPicture.urlTinyThumb ||
+							entry.entry.mainPicture.urlSmallThumb) && (
+							<Link
+								className="pull-left"
+								to={getEntryUrl(entry.entry)}
+								title={entry.entry.additionalNames}
+							>
+								<img
+									src={
+										entry.entry.mainPicture.urlTinyThumb ||
+										entry.entry.mainPicture.urlSmallThumb
+									}
+									alt="thumb"
+									className="media-object coverPicThumb"
+									referrerPolicy="same-origin"
+								/>
+							</Link>
 						)}
-					</h4>
+					<div className="media-body">
+						<h4 className="media-heading">
+							<Link
+								to={getEntryUrl(entry.entry)}
+								title={entry.entry.additionalNames}
+							>
+								<strong>{entry.entry.name}</strong>
+							</Link>
+							{entryTypeName(entry.entry) && (
+								<>
+									{' '}
+									<span>({entryTypeName(entry.entry)})</span>
+								</>
+							)}
+						</h4>
 
-					{entry.entry.artistString && <span>{entry.entry.artistString}</span>}
+						{entry.entry.artistString && (
+							<span>{entry.entry.artistString}</span>
+						)}
+					</div>
 				</div>
 			</div>
-		</div>
-	);
-};
+		);
+	},
+);
diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/ArchivedEntry/ArchivedObjectVersions.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/ArchivedEntry/ArchivedObjectVersions.tsx
index 2379652516..ff346703fe 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/ArchivedEntry/ArchivedObjectVersions.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/ArchivedEntry/ArchivedObjectVersions.tsx
@@ -5,7 +5,9 @@ import { useReasonNames } from '@/Components/useReasonNames';
 import { ArchivedVersionContract } from '@/DataContracts/Versioning/ArchivedVersionContract';
 import { EntryType } from '@/Models/EntryType';
 import { LoginManager } from '@/Models/LoginManager';
+import { useMutedUsers } from '@/MutedUsersContext';
 import classNames from 'classnames';
+import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
@@ -18,7 +20,7 @@ interface ArchivedObjectVersionRowProps {
 	entryType: EntryType;
 }
 
-const ArchivedObjectVersionRow = React.memo(
+const ArchivedObjectVersionRow = observer(
 	({
 		archivedVersion,
 		linkFunc,
@@ -29,6 +31,14 @@ const ArchivedObjectVersionRow = React.memo(
 		const reasonNames = useReasonNames();
 		const changedFieldNames = useChangedFieldNames();
 
+		const mutedUsers = useMutedUsers();
+		if (
+			archivedVersion.author &&
+			mutedUsers.includes(archivedVersion.author.id)
+		) {
+			return <></>;
+		}
+
 		return (
 			<tr>
 				<td>
diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentBodyLarge.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentBodyLarge.tsx
index 38972b19fd..0fb6de887b 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentBodyLarge.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentBodyLarge.tsx
@@ -4,7 +4,9 @@ import { ProfileIcon } from '@/Components/Shared/Partials/User/ProfileIcon';
 import { UserLink } from '@/Components/Shared/Partials/User/UserLink';
 import { CommentContract } from '@/DataContracts/CommentContract';
 import { LoginManager } from '@/Models/LoginManager';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
+import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { Link } from 'react-router-dom';
 
@@ -16,12 +18,15 @@ interface CommentBodyLargeProps {
 	alwaysAllowDelete?: boolean;
 }
 
-export const CommentBodyLarge = React.memo(
+export const CommentBodyLarge = observer(
 	({
 		contract,
 		allowDelete,
 		alwaysAllowDelete = false,
 	}: CommentBodyLargeProps): React.ReactElement => {
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(contract.author.id)) return <></>;
+
 		return (
 			<div className="comment media comment-large">
 				<Link
diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentKnockout.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentKnockout.tsx
index 99f31dcf96..83c5ee5cde 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentKnockout.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentKnockout.tsx
@@ -4,6 +4,7 @@ import { CommentBodyKnockout } from '@/Components/Shared/Partials/Comment/Commen
 import { ProfileIconKnockout_ImageSize } from '@/Components/Shared/Partials/User/ProfileIconKnockout_ImageSize';
 import { UserApiContract } from '@/DataContracts/User/UserApiContract';
 import { ImageSize } from '@/Models/Images/ImageSize';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -40,6 +41,9 @@ export const CommentKnockout = observer(
 	}: CommentKnockoutProps): React.ReactElement => {
 		const { t } = useTranslation(['ViewRes']);
 
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(commentKnockoutStore.author.id)) return <></>;
+
 		return (
 			<div
 				className={classNames(
diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentWithEntryVertical.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentWithEntryVertical.tsx
index b70fe9ee57..f284675898 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentWithEntryVertical.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/CommentWithEntryVertical.tsx
@@ -1,6 +1,8 @@
 import { CommentEntryItem } from '@/Components/Shared/Partials/Comment/CommentEntryItem';
 import { PrintComment } from '@/Components/Shared/Partials/Comment/PrintComment';
 import { EntryWithCommentsContract } from '@/DataContracts/EntryWithCommentsContract';
+import { useMutedUsers } from '@/MutedUsersContext';
+import { uniq } from 'lodash-es';
 import React from 'react';
 
 interface CommentWithEntryVerticalProps {
@@ -13,6 +15,12 @@ export const CommentWithEntryVertical = React.memo(
 		entry,
 		maxLength = 2147483647,
 	}: CommentWithEntryVerticalProps): React.ReactElement => {
+		const authorIds = uniq(entry.comments.map((comment) => comment.author.id));
+
+		const mutedUsers = useMutedUsers();
+		if (authorIds.length === 1 && mutedUsers.includes(authorIds[0]))
+			return <></>;
+
 		return (
 			<div className="well well-transparent">
 				<CommentEntryItem entry={entry.entry} />
diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/PrintComment.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/PrintComment.tsx
index 4247f7d38e..6546d7dcc5 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/PrintComment.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/Comment/PrintComment.tsx
@@ -5,6 +5,8 @@ import { UserIconLink_UserForApiContract } from '@/Components/Shared/Partials/Us
 import { truncateWithEllipsis } from '@/Components/truncateWithEllipsis';
 import { CommentContract } from '@/DataContracts/CommentContract';
 import { LoginManager } from '@/Models/LoginManager';
+import { useMutedUsers } from '@/MutedUsersContext';
+import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -17,36 +19,41 @@ interface PrintCommentProps {
 	maxLength?: number;
 }
 
-export const PrintComment = ({
-	contract,
-	allowDelete,
-	alwaysAllowDelete = false,
-	maxLength = 2147483647,
-}: PrintCommentProps): React.ReactElement => {
-	const { t } = useTranslation(['ViewRes']);
+export const PrintComment = observer(
+	({
+		contract,
+		allowDelete,
+		alwaysAllowDelete = false,
+		maxLength = 2147483647,
+	}: PrintCommentProps): React.ReactElement => {
+		const { t } = useTranslation(['ViewRes']);
 
-	return (
-		<div className="comment">
-			<h3>
-				{/* eslint-disable-next-line react/jsx-pascal-case */}
-				<UserIconLink_UserForApiContract user={contract.author} size={25} />
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(contract.author.id)) return <></>;
 
-				{(alwaysAllowDelete ||
-					(allowDelete && loginManager.canDeleteComment(contract))) && (
-					<>
-						-{' '}
-						<SafeAnchor href="#" /* TODO */ className="deleteComment">
-							{t('ViewRes:Shared.Delete')}
-						</SafeAnchor>
-					</>
-				)}
-				<MomentJsTimeAgo as="small" className="pull-right extraInfo">
-					{contract.created}
-				</MomentJsTimeAgo>
-			</h3>
-			<FormatMarkdown
-				text={truncateWithEllipsis(contract.message, maxLength)}
-			/>
-		</div>
-	);
-};
+		return (
+			<div className="comment">
+				<h3>
+					{/* eslint-disable-next-line react/jsx-pascal-case */}
+					<UserIconLink_UserForApiContract user={contract.author} size={25} />
+
+					{(alwaysAllowDelete ||
+						(allowDelete && loginManager.canDeleteComment(contract))) && (
+						<>
+							-{' '}
+							<SafeAnchor href="#" /* TODO */ className="deleteComment">
+								{t('ViewRes:Shared.Delete')}
+							</SafeAnchor>
+						</>
+					)}
+					<MomentJsTimeAgo as="small" className="pull-right extraInfo">
+						{contract.created}
+					</MomentJsTimeAgo>
+				</h3>
+				<FormatMarkdown
+					text={truncateWithEllipsis(contract.message, maxLength)}
+				/>
+			</div>
+		);
+	},
+);
diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/LeftMenu.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/LeftMenu.tsx
index 28492c3dea..8f2d16529e 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/LeftMenu.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/LeftMenu.tsx
@@ -82,7 +82,7 @@ export const LeftMenu = observer(
 	(): React.ReactElement => {
 		const { t } = useTranslation(['ViewRes']);
 
-		const { vdbPlayer } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
 
 		return (
 			<div
diff --git a/VocaDbWeb/Scripts/Components/Shared/Partials/PV/EmbedPVPreview.tsx b/VocaDbWeb/Scripts/Components/Shared/Partials/PV/EmbedPVPreview.tsx
index 0f2dd31373..f2dfcb96e8 100644
--- a/VocaDbWeb/Scripts/Components/Shared/Partials/PV/EmbedPVPreview.tsx
+++ b/VocaDbWeb/Scripts/Components/Shared/Partials/PV/EmbedPVPreview.tsx
@@ -1,7 +1,10 @@
 import Button from '@/Bootstrap/Button';
 import ButtonGroup from '@/Bootstrap/ButtonGroup';
 import Dropdown from '@/Bootstrap/Dropdown';
-import { useVdbPlayer } from '@/Components/VdbPlayer/VdbPlayerContext';
+import {
+	usePlayQueue,
+	useVdbPlayer,
+} from '@/Components/VdbPlayer/VdbPlayerContext';
 import { EntryContract } from '@/DataContracts/EntryContract';
 import { PVContract } from '@/DataContracts/PVs/PVContract';
 import { PlayMethod } from '@/Stores/VdbPlayer/PlayQueueStore';
@@ -101,7 +104,8 @@ export const EmbedPVPreview = observer(
 		allowInline,
 	}: EmbedPVPreviewProps): React.ReactElement => {
 		const embedPVPreviewRef = React.useRef<HTMLDivElement>(undefined!);
-		const { vdbPlayer, playQueue } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
+		const playQueue = usePlayQueue();
 
 		const handleResize = React.useCallback(() => {
 			if (!allowInline) return;
diff --git a/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayer.tsx b/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayer.tsx
index 1948207434..1859cc526d 100644
--- a/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayer.tsx
+++ b/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayer.tsx
@@ -10,7 +10,10 @@ import {
 	songleWidgetHeight,
 } from '@/Components/VdbPlayer/SongleWidget';
 import { VdbPlayerConsole } from '@/Components/VdbPlayer/VdbPlayerConsole';
-import { useVdbPlayer } from '@/Components/VdbPlayer/VdbPlayerContext';
+import {
+	usePlayQueue,
+	useVdbPlayer,
+} from '@/Components/VdbPlayer/VdbPlayerContext';
 import { PVContract } from '@/DataContracts/PVs/PVContract';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
 import { PlayQueueEntryContract } from '@/Stores/VdbPlayer/PlayQueueRepository';
@@ -46,7 +49,8 @@ const repeatIcons: Record<RepeatMode, string> = {
 const PlayerCenterControls = observer(
 	(): React.ReactElement => {
 		const diva = useNostalgicDiva();
-		const { vdbPlayer, playQueue } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
+		const playQueue = usePlayQueue();
 
 		const handlePrevious = React.useCallback(async () => {
 			if (playQueue.hasPreviousItem) {
@@ -248,7 +252,8 @@ const PlayerRightControls = observer(
 		const { t } = useTranslation(['ViewRes.Search']);
 
 		const diva = useNostalgicDiva();
-		const { vdbPlayer, playQueue } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
+		const playQueue = usePlayQueue();
 
 		const handleClickSkipBack10Seconds = React.useCallback(async () => {
 			const { currentTime } = playQueue;
@@ -421,7 +426,8 @@ interface PVPlayerProps {
 const EmbedPVWrapper = observer(
 	({ pv }: PVPlayerProps): React.ReactElement => {
 		const diva = useNostalgicDiva();
-		const { vdbPlayer, playQueue } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
+		const playQueue = usePlayQueue();
 
 		const handleError = React.useCallback((event: any) => {
 			VdbPlayerConsole.error('error', event);
@@ -515,7 +521,8 @@ const EmbedPVWrapper = observer(
 
 const MiniPlayer = observer(
 	(): React.ReactElement => {
-		const { vdbPlayer, playQueue } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
+		const playQueue = usePlayQueue();
 
 		return (
 			<div
@@ -562,7 +569,7 @@ const MiniPlayer = observer(
 const SeekBar = observer(
 	(): React.ReactElement => {
 		const diva = useNostalgicDiva();
-		const { vdbPlayer } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
 
 		const ref = React.useRef<HTMLDivElement>(undefined!);
 		const handleClick = React.useCallback(
@@ -605,7 +612,7 @@ const SeekBar = observer(
 
 const BottomBar = observer(
 	(): React.ReactElement => {
-		const { vdbPlayer } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
 
 		// Code from: https://github.com/elastic/eui/blob/e07ee756120607b338d522ee8bcedd4228d02673/src/components/bottom_bar/bottom_bar.tsx#L137.
 		React.useEffect(() => {
@@ -651,7 +658,8 @@ export const VdbPlayer = observer(
 		VdbPlayerConsole.debug('VdbPlayer');
 
 		const diva = useNostalgicDiva();
-		const { vdbPlayer, playQueue } = useVdbPlayer();
+		const vdbPlayer = useVdbPlayer();
+		const playQueue = usePlayQueue();
 
 		useLocalStorageStateStore('PlayQueueStore', playQueue);
 		useLocalStorageStateStore('SkipListStore', playQueue.skipList);
diff --git a/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayerContext.tsx b/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayerContext.tsx
index 90c0ebff42..934bbeaaf9 100644
--- a/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayerContext.tsx
+++ b/VocaDbWeb/Scripts/Components/VdbPlayer/VdbPlayerContext.tsx
@@ -29,13 +29,16 @@ const playQueueRepoFactory = new PlayQueueRepositoryFactory(
 	userRepo,
 );
 
-export interface VdbPlayerContextProps {
-	vdbPlayer: VdbPlayerStore;
-	playQueue: PlayQueueStore;
-}
+const VdbPlayerContext = React.createContext<VdbPlayerStore>(undefined!);
 
-export const VdbPlayerContext = React.createContext<VdbPlayerContextProps>(
-	undefined!,
+const vdbPlayerStore = new VdbPlayerStore(
+	vdb.values,
+	albumRepo,
+	eventRepo,
+	songRepo,
+	playQueueRepoFactory,
+	artistRepo,
+	tagRepo,
 );
 
 interface VdbPlayerProviderProps {
@@ -45,28 +48,18 @@ interface VdbPlayerProviderProps {
 export const VdbPlayerProvider = ({
 	children,
 }: VdbPlayerProviderProps): React.ReactElement => {
-	const [vdbPlayer] = React.useState(
-		() =>
-			new VdbPlayerStore(
-				vdb.values,
-				albumRepo,
-				eventRepo,
-				songRepo,
-				playQueueRepoFactory,
-				artistRepo,
-				tagRepo,
-			),
-	);
-
 	return (
-		<VdbPlayerContext.Provider
-			value={{ vdbPlayer, playQueue: vdbPlayer.playQueue }}
-		>
+		<VdbPlayerContext.Provider value={vdbPlayerStore}>
 			{children}
 		</VdbPlayerContext.Provider>
 	);
 };
 
-export const useVdbPlayer = (): VdbPlayerContextProps => {
+export const useVdbPlayer = (): VdbPlayerStore => {
 	return React.useContext(VdbPlayerContext);
 };
+
+export const usePlayQueue = (): PlayQueueStore => {
+	const vdbPlayer = useVdbPlayer();
+	return vdbPlayer.playQueue;
+};
diff --git a/VocaDbWeb/Scripts/DataContracts/ActivityEntry/ActivityEntryContract.ts b/VocaDbWeb/Scripts/DataContracts/ActivityEntry/ActivityEntryContract.ts
index 75c62036b8..66774a9746 100644
--- a/VocaDbWeb/Scripts/DataContracts/ActivityEntry/ActivityEntryContract.ts
+++ b/VocaDbWeb/Scripts/DataContracts/ActivityEntry/ActivityEntryContract.ts
@@ -5,7 +5,7 @@ import { EntryEditEvent } from '@/Models/ActivityEntries/EntryEditEvent';
 
 export interface ActivityEntryContract {
 	archivedVersion?: ArchivedVersionContract;
-	author: UserApiContract;
+	author?: UserApiContract;
 	createDate: string;
 	editEvent: EntryEditEvent;
 	entry: EntryContract;
diff --git a/VocaDbWeb/Scripts/MutedUsersContext.tsx b/VocaDbWeb/Scripts/MutedUsersContext.tsx
new file mode 100644
index 0000000000..b03e02235b
--- /dev/null
+++ b/VocaDbWeb/Scripts/MutedUsersContext.tsx
@@ -0,0 +1,27 @@
+import { MutedUsersStore } from '@/Stores/MutedUsersStore';
+import { useLocalStorageStateStore } from '@vocadb/route-sphere';
+import React from 'react';
+
+const MutedUsersContext = React.createContext<MutedUsersStore>(undefined!);
+
+const mutedUsersStore = new MutedUsersStore();
+
+interface MutedUsersProviderProps {
+	children?: React.ReactNode;
+}
+
+export const MutedUsersProvider = ({
+	children,
+}: MutedUsersProviderProps): React.ReactElement => {
+	useLocalStorageStateStore('MutedUsersStore', mutedUsersStore);
+
+	return (
+		<MutedUsersContext.Provider value={mutedUsersStore}>
+			{children}
+		</MutedUsersContext.Provider>
+	);
+};
+
+export const useMutedUsers = (): MutedUsersStore => {
+	return React.useContext(MutedUsersContext);
+};
diff --git a/VocaDbWeb/Scripts/Pages/Album/AlbumBasicInfo.tsx b/VocaDbWeb/Scripts/Pages/Album/AlbumBasicInfo.tsx
index e3f5f9c9e2..fa8784cc60 100644
--- a/VocaDbWeb/Scripts/Pages/Album/AlbumBasicInfo.tsx
+++ b/VocaDbWeb/Scripts/Pages/Album/AlbumBasicInfo.tsx
@@ -28,6 +28,7 @@ import { TagList } from '@/Components/Shared/Partials/TagList';
 import { ProfileIcon } from '@/Components/Shared/Partials/User/ProfileIcon';
 import { UserLink } from '@/Components/Shared/Partials/User/UserLink';
 import { AlbumDetailsForApi } from '@/DataContracts/Album/AlbumDetailsForApi';
+import { AlbumReviewContract } from '@/DataContracts/Album/AlbumReviewContract';
 import { ArtistLinkContract } from '@/DataContracts/Song/ArtistLinkContract';
 import { DateTimeHelper } from '@/Helpers/DateTimeHelper';
 import JQueryUIButton from '@/JQueryUI/JQueryUIButton';
@@ -38,6 +39,7 @@ import { LoginManager } from '@/Models/LoginManager';
 import { PVService } from '@/Models/PVs/PVService';
 import { SongVoteRating } from '@/Models/SongVoteRating';
 import { SongType } from '@/Models/Songs/SongType';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { AlbumDetailsTabs } from '@/Pages/Album/AlbumDetailsRoutes';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
 import { AlbumDetailsStore } from '@/Stores/Album/AlbumDetailsStore';
@@ -50,6 +52,59 @@ import { Link } from 'react-router-dom';
 
 const loginManager = new LoginManager(vdb.values);
 
+interface LatestAlbumReviewProps {
+	latestReview: AlbumReviewContract;
+	latestReviewRatingScore: number;
+}
+
+const LatestAlbumReview = observer(
+	({
+		latestReview,
+		latestReviewRatingScore,
+	}: LatestAlbumReviewProps): React.ReactElement => {
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(latestReview.user.id)) return <></>;
+
+		return (
+			<div className="media">
+				<Link
+					className="pull-left"
+					to={EntryUrlMapper.details_user_byName(latestReview.user.name)}
+				>
+					<ProfileIcon
+						url={latestReview.user.mainPicture?.urlThumb}
+						size={70}
+					/>
+				</Link>
+
+				<div className="media-body">
+					<div className="pull-right">
+						<LanguageFlag languageCode={latestReview.languageCode} /> |{' '}
+						<MomentJsTimeAgo as="span">{latestReview.date}</MomentJsTimeAgo>
+					</div>
+					<h3 className="media-heading">
+						<UserLink user={latestReview.user} />
+					</h3>
+
+					{latestReviewRatingScore > 0 && (
+						<Stars current={latestReviewRatingScore} max={5} />
+					)}
+
+					<div>
+						{latestReview.title && (
+							<h4 className="album-review-title">{latestReview.title}</h4>
+						)}
+
+						<div>
+							<FormatMarkdown text={latestReview.text} />
+						</div>
+					</div>
+				</div>
+			</div>
+		);
+	},
+);
+
 interface AlbumBasicInfoProps {
 	model: AlbumDetailsForApi;
 	albumDetailsStore: AlbumDetailsStore;
@@ -554,50 +609,10 @@ const AlbumBasicInfo = observer(
 					<>
 						<h3>{t('ViewRes.Album:Details.LatestReview')}</h3>
 
-						<div className="media">
-							<Link
-								className="pull-left"
-								to={EntryUrlMapper.details_user_byName(
-									model.latestReview.user.name,
-								)}
-							>
-								<ProfileIcon
-									url={model.latestReview.user.mainPicture?.urlThumb}
-									size={70}
-								/>
-							</Link>
-
-							<div className="media-body">
-								<div className="pull-right">
-									<LanguageFlag
-										languageCode={model.latestReview.languageCode}
-									/>{' '}
-									|{' '}
-									<MomentJsTimeAgo as="span">
-										{model.latestReview.date}
-									</MomentJsTimeAgo>
-								</div>
-								<h3 className="media-heading">
-									<UserLink user={model.latestReview.user} />
-								</h3>
-
-								{model.latestReviewRatingScore > 0 && (
-									<Stars current={model.latestReviewRatingScore} max={5} />
-								)}
-
-								<div>
-									{model.latestReview.title && (
-										<h4 className="album-review-title">
-											{model.latestReview.title}
-										</h4>
-									)}
-
-									<div>
-										<FormatMarkdown text={model.latestReview.text} />
-									</div>
-								</div>
-							</div>
-						</div>
+						<LatestAlbumReview
+							latestReview={model.latestReview}
+							latestReviewRatingScore={model.latestReviewRatingScore}
+						/>
 
 						<p className="withMargin">
 							<Link
diff --git a/VocaDbWeb/Scripts/Pages/Album/AlbumReviews.tsx b/VocaDbWeb/Scripts/Pages/Album/AlbumReviews.tsx
index 1177705ff8..cfa6e0131f 100644
--- a/VocaDbWeb/Scripts/Pages/Album/AlbumReviews.tsx
+++ b/VocaDbWeb/Scripts/Pages/Album/AlbumReviews.tsx
@@ -9,9 +9,13 @@ import { IconAndLinkKnockout } from '@/Components/Shared/Partials/User/IconAndLi
 import { NameLinkKnockout } from '@/Components/Shared/Partials/User/NameLinkKnockout';
 import { AlbumDetailsForApi } from '@/DataContracts/Album/AlbumDetailsForApi';
 import { LoginManager } from '@/Models/LoginManager';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { AlbumDetailsTabs } from '@/Pages/Album/AlbumDetailsRoutes';
 import { functions } from '@/Shared/GlobalFunctions';
-import { AlbumDetailsStore } from '@/Stores/Album/AlbumDetailsStore';
+import {
+	AlbumDetailsStore,
+	AlbumReviewStore,
+} from '@/Stores/Album/AlbumDetailsStore';
 import { runInAction } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
@@ -19,6 +23,152 @@ import { useTranslation } from 'react-i18next';
 
 const loginManager = new LoginManager(vdb.values);
 
+interface AlbumReviewProps {
+	albumDetailsStore: AlbumDetailsStore;
+	review: AlbumReviewStore;
+}
+
+const AlbumReview = observer(
+	({ albumDetailsStore, review }: AlbumReviewProps): React.ReactElement => {
+		const { t } = useTranslation(['ViewRes']);
+
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(review.user.id)) return <></>;
+
+		return (
+			<div className="album-review media">
+				<IconAndLinkKnockout user={review.user} />
+
+				<div className="media-body">
+					<div className="pull-right">
+						<img
+							src={functions.mergeUrls(
+								vdb.values.staticContentHost,
+								`/img/languageFlags/${review.languageCode}.png`,
+							)}
+							title={review.languageCode}
+							alt={review.languageCode}
+						/>{' '}
+						| <MomentJsTimeAgo as="span">{review.date}</MomentJsTimeAgo>
+						{review.canBeEdited && (
+							<>
+								&nbsp;&nbsp;
+								<SafeAnchor
+									onClick={(): void =>
+										albumDetailsStore.reviewsStore.beginEditReview(review)
+									}
+									href="#"
+									className="textLink editLink"
+								>
+									{t('ViewRes:Shared.Edit')}
+								</SafeAnchor>
+							</>
+						)}
+						{review.canBeDeleted && (
+							<>
+								&nbsp;&nbsp;
+								<SafeAnchor
+									// TODO: confirmClick
+									onClick={(): void => {
+										if (
+											window.confirm(
+												'Are you sure you want to delete this review?' /* TODO: localize */,
+											)
+										) {
+											albumDetailsStore.reviewsStore.deleteReview(review);
+										}
+									}}
+									href="#"
+									className="textLink deleteLink"
+								>
+									{t('ViewRes:Shared.Delete')}
+								</SafeAnchor>
+							</>
+						)}
+					</div>
+					<h3 className="media-heading">
+						<NameLinkKnockout user={review.user} />
+					</h3>
+
+					<span>
+						{albumDetailsStore.reviewsStore
+							.ratingStars(
+								albumDetailsStore.reviewsStore.getRatingForUser(review.user.id),
+							)
+							.map((ratingStar, index) => (
+								<React.Fragment key={index}>
+									{index > 0 && ' '}
+									{/* eslint-disable-next-line jsx-a11y/alt-text */}
+									<img
+										src={
+											ratingStar.enabled
+												? '/Content/star.png'
+												: '/Content/star_disabled.png'
+										}
+									/>
+								</React.Fragment>
+							))}
+					</span>
+
+					{albumDetailsStore.reviewsStore.editReviewStore === review ? (
+						<form
+							onSubmit={(e): void => {
+								e.preventDefault();
+
+								albumDetailsStore.reviewsStore.saveEditedReview();
+							}}
+						>
+							<input
+								value={review.editedTitle}
+								onChange={(e): void =>
+									runInAction(() => {
+										review.editedTitle = e.target.value;
+									})
+								}
+								type="text"
+								className="input-xlarge"
+								maxLength={200}
+								placeholder="Title" /* TODO: localize */
+							/>
+							<br />
+							<textarea
+								value={review.editedText}
+								onChange={(e): void =>
+									runInAction(() => {
+										review.editedText = e.target.value;
+									})
+								}
+								rows={6}
+								cols={100}
+								maxLength={4000}
+								className="input-xxlarge"
+								placeholder="Review" /* TODO: localize */
+								required
+							/>
+							<br />
+							<Button type="submit" variant="primary">
+								{t('ViewRes:Shared.Save')}
+							</Button>{' '}
+							<Button onClick={albumDetailsStore.reviewsStore.cancelEditReview}>
+								{t('ViewRes:Shared.Cancel')}
+							</Button>
+						</form>
+					) : (
+						<div>
+							{review.title && (
+								<h4 className="album-review-title">{review.title}</h4>
+							)}
+							<p>
+								<Markdown>{review.text}</Markdown>
+							</p>
+						</div>
+					)}
+				</div>
+			</div>
+		);
+	},
+);
+
 interface AlbumReviewsProps {
 	model: AlbumDetailsForApi;
 	albumDetailsStore: AlbumDetailsStore;
@@ -142,139 +292,11 @@ const AlbumReviews = observer(
 
 				<div className="album-reviews">
 					{albumDetailsStore.reviewsStore.reviews.map((review, index) => (
-						<div className="album-review media" key={index}>
-							<IconAndLinkKnockout user={review.user} />
-
-							<div className="media-body">
-								<div className="pull-right">
-									<img
-										src={functions.mergeUrls(
-											vdb.values.staticContentHost,
-											`/img/languageFlags/${review.languageCode}.png`,
-										)}
-										title={review.languageCode}
-										alt={review.languageCode}
-									/>{' '}
-									| <MomentJsTimeAgo as="span">{review.date}</MomentJsTimeAgo>
-									{review.canBeEdited && (
-										<>
-											&nbsp;&nbsp;
-											<SafeAnchor
-												onClick={(): void =>
-													albumDetailsStore.reviewsStore.beginEditReview(review)
-												}
-												href="#"
-												className="textLink editLink"
-											>
-												{t('ViewRes:Shared.Edit')}
-											</SafeAnchor>
-										</>
-									)}
-									{review.canBeDeleted && (
-										<>
-											&nbsp;&nbsp;
-											<SafeAnchor
-												// TODO: confirmClick
-												onClick={(): void => {
-													if (
-														window.confirm(
-															'Are you sure you want to delete this review?' /* TODO: localize */,
-														)
-													) {
-														albumDetailsStore.reviewsStore.deleteReview(review);
-													}
-												}}
-												href="#"
-												className="textLink deleteLink"
-											>
-												{t('ViewRes:Shared.Delete')}
-											</SafeAnchor>
-										</>
-									)}
-								</div>
-								<h3 className="media-heading">
-									<NameLinkKnockout user={review.user} />
-								</h3>
-
-								<span>
-									{albumDetailsStore.reviewsStore
-										.ratingStars(
-											albumDetailsStore.reviewsStore.getRatingForUser(
-												review.user.id,
-											),
-										)
-										.map((ratingStar, index) => (
-											<React.Fragment key={index}>
-												{index > 0 && ' '}
-												{/* eslint-disable-next-line jsx-a11y/alt-text */}
-												<img
-													src={
-														ratingStar.enabled
-															? '/Content/star.png'
-															: '/Content/star_disabled.png'
-													}
-												/>
-											</React.Fragment>
-										))}
-								</span>
-
-								{albumDetailsStore.reviewsStore.editReviewStore === review ? (
-									<form
-										onSubmit={(e): void => {
-											e.preventDefault();
-
-											albumDetailsStore.reviewsStore.saveEditedReview();
-										}}
-									>
-										<input
-											value={review.editedTitle}
-											onChange={(e): void =>
-												runInAction(() => {
-													review.editedTitle = e.target.value;
-												})
-											}
-											type="text"
-											className="input-xlarge"
-											maxLength={200}
-											placeholder="Title" /* TODO: localize */
-										/>
-										<br />
-										<textarea
-											value={review.editedText}
-											onChange={(e): void =>
-												runInAction(() => {
-													review.editedText = e.target.value;
-												})
-											}
-											rows={6}
-											cols={100}
-											maxLength={4000}
-											className="input-xxlarge"
-											placeholder="Review" /* TODO: localize */
-											required
-										/>
-										<br />
-										<Button type="submit" variant="primary">
-											{t('ViewRes:Shared.Save')}
-										</Button>{' '}
-										<Button
-											onClick={albumDetailsStore.reviewsStore.cancelEditReview}
-										>
-											{t('ViewRes:Shared.Cancel')}
-										</Button>
-									</form>
-								) : (
-									<div>
-										{review.title && (
-											<h4 className="album-review-title">{review.title}</h4>
-										)}
-										<p>
-											<Markdown>{review.text}</Markdown>
-										</p>
-									</div>
-								)}
-							</div>
-						</div>
+						<AlbumReview
+							albumDetailsStore={albumDetailsStore}
+							review={review}
+							key={index}
+						/>
 					))}
 				</div>
 			</AlbumDetailsTabs>
diff --git a/VocaDbWeb/Scripts/Pages/Artist/ArtistBasicInfo.tsx b/VocaDbWeb/Scripts/Pages/Artist/ArtistBasicInfo.tsx
index 45a12a04a6..f5053f9459 100644
--- a/VocaDbWeb/Scripts/Pages/Artist/ArtistBasicInfo.tsx
+++ b/VocaDbWeb/Scripts/Pages/Artist/ArtistBasicInfo.tsx
@@ -16,11 +16,13 @@ import { TagsEdit } from '@/Components/Shared/Partials/TagsEdit';
 import { UserIconLink_UserForApiContract } from '@/Components/Shared/Partials/User/UserIconLink_UserForApiContract';
 import { ArtistApiContract } from '@/DataContracts/Artist/ArtistApiContract';
 import { ArtistDetailsContract } from '@/DataContracts/Artist/ArtistDetailsContract';
+import { UserApiContract } from '@/DataContracts/User/UserApiContract';
 import { UrlHelper } from '@/Helpers/UrlHelper';
 import JQueryUIButton from '@/JQueryUI/JQueryUIButton';
 import { EntryType } from '@/Models/EntryType';
 import { ImageSize } from '@/Models/Images/ImageSize';
 import { LoginManager } from '@/Models/LoginManager';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { ArtistDetailsTabs } from '@/Pages/Artist/ArtistDetailsRoutes';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
 import { ArtistDetailsStore } from '@/Stores/Artist/ArtistDetailsStore';
@@ -111,6 +113,25 @@ const ArtistRow = React.memo(
 	},
 );
 
+interface OwnedUserProps {
+	user: UserApiContract;
+}
+
+const OwnedUser = observer(
+	({ user }: OwnedUserProps): React.ReactElement => {
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(user.id)) return <></>;
+
+		return (
+			<>
+				{/* eslint-disable-next-line react/jsx-pascal-case */}
+				<UserIconLink_UserForApiContract user={user} tooltip={true} />
+				<br />
+			</>
+		);
+	},
+);
+
 interface ArtistBasicInfoProps {
 	artist: ArtistDetailsContract;
 	artistDetailsStore: ArtistDetailsStore;
@@ -297,14 +318,7 @@ const ArtistBasicInfo = observer(
 									<td>{vdb.resources.artist.authoredBy}</td>
 									<td>
 										{artist.ownerUsers.map((user) => (
-											<React.Fragment key={user.id}>
-												{/* eslint-disable-next-line react/jsx-pascal-case */}
-												<UserIconLink_UserForApiContract
-													user={user}
-													tooltip={true}
-												/>
-												<br />
-											</React.Fragment>
+											<OwnedUser user={user} key={user.id} />
 										))}
 									</td>
 								</tr>
diff --git a/VocaDbWeb/Scripts/Pages/Comment/CommentIndex.tsx b/VocaDbWeb/Scripts/Pages/Comment/CommentIndex.tsx
index 6aea7e239e..9836deecb5 100644
--- a/VocaDbWeb/Scripts/Pages/Comment/CommentIndex.tsx
+++ b/VocaDbWeb/Scripts/Pages/Comment/CommentIndex.tsx
@@ -6,7 +6,9 @@ import { Dropdown } from '@/Components/Shared/Partials/Knockout/Dropdown';
 import { CommentTargetTypeDropdownList } from '@/Components/Shared/Partials/Knockout/DropdownList';
 import { UserLockingAutoComplete } from '@/Components/Shared/Partials/Knockout/UserLockingAutoComplete';
 import { useVocaDbTitle } from '@/Components/useVocaDbTitle';
+import { EntryWithCommentsContract } from '@/DataContracts/EntryWithCommentsContract';
 import { LoginManager } from '@/Models/LoginManager';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { UserRepository } from '@/Repositories/UserRepository';
 import { HttpClient } from '@/Shared/HttpClient';
 import { UrlMapper } from '@/Shared/UrlMapper';
@@ -15,6 +17,7 @@ import {
 	CommentSortRule,
 } from '@/Stores/Comment/CommentListStore';
 import { useLocationStateStore } from '@vocadb/route-sphere';
+import { uniq } from 'lodash-es';
 import { runInAction } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
@@ -94,6 +97,38 @@ const CommentsFilters = observer(
 	},
 );
 
+interface CommentWithEntryProps {
+	entry: EntryWithCommentsContract;
+}
+
+const CommentWithEntry = observer(
+	({ entry }: CommentWithEntryProps): React.ReactElement => {
+		const authorIds = uniq(entry.comments.map((comment) => comment.author.id));
+
+		const mutedUsers = useMutedUsers();
+		if (authorIds.length === 1 && mutedUsers.includes(authorIds[0]))
+			return <></>;
+
+		return (
+			<div className="row-fluid comment-with-entry well well-transparent">
+				<div className="span5">
+					{entry.comments.map((comment) => (
+						<CommentBodyLarge
+							contract={comment}
+							allowDelete={false}
+							key={comment.id}
+						/>
+					))}
+				</div>
+
+				<div className="span5 item">
+					<CommentEntryItem entry={entry.entry} />
+				</div>
+			</div>
+		);
+	},
+);
+
 interface CommentSearchListProps {
 	commentListStore: CommentListStore;
 }
@@ -103,24 +138,7 @@ const CommentSearchList = observer(
 		return (
 			<>
 				{commentListStore.entries.map((entry, index) => (
-					<div
-						className="row-fluid comment-with-entry well well-transparent"
-						key={index}
-					>
-						<div className="span5">
-							{entry.comments.map((comment) => (
-								<CommentBodyLarge
-									contract={comment}
-									allowDelete={false}
-									key={comment.id}
-								/>
-							))}
-						</div>
-
-						<div className="span5 item">
-							<CommentEntryItem entry={entry.entry} />
-						</div>
-					</div>
+					<CommentWithEntry entry={entry} key={index} />
 				))}
 			</>
 		);
diff --git a/VocaDbWeb/Scripts/Pages/Discussion/Partials/ViewFolder.tsx b/VocaDbWeb/Scripts/Pages/Discussion/Partials/ViewFolder.tsx
index 56c40b06e7..b2a75f9708 100644
--- a/VocaDbWeb/Scripts/Pages/Discussion/Partials/ViewFolder.tsx
+++ b/VocaDbWeb/Scripts/Pages/Discussion/Partials/ViewFolder.tsx
@@ -1,8 +1,10 @@
 import Button from '@/Bootstrap/Button';
 import { ServerSidePaging } from '@/Components/Shared/Partials/Knockout/ServerSidePaging';
 import { ProfileIconKnockout_ImageSize } from '@/Components/Shared/Partials/User/ProfileIconKnockout_ImageSize';
+import { DiscussionTopicContract } from '@/DataContracts/Discussion/DiscussionTopicContract';
 import { ImageSize } from '@/Models/Images/ImageSize';
 import { LoginManager } from '@/Models/LoginManager';
+import { useMutedUsers } from '@/MutedUsersContext';
 import EditTopic from '@/Pages/Discussion/Partials/EditTopic';
 import { DiscussionIndexStore } from '@/Stores/Discussion/DiscussionIndexStore';
 import classNames from 'classnames';
@@ -15,6 +17,103 @@ import { Link, useNavigate } from 'react-router-dom';
 
 const loginManager = new LoginManager(vdb.values);
 
+const ViewFolderTableHeader = React.memo(
+	(): React.ReactElement => {
+		const { t } = useTranslation(['ViewRes.Discussion']);
+
+		return (
+			<thead>
+				<tr>
+					<th>{t('ViewRes.Discussion:Index.Topic')}</th>
+					<th>{t('ViewRes.Discussion:Index.Author')}</th>
+					<th className="hidden-phone">
+						{t('ViewRes.Discussion:Index.Comments')}
+					</th>
+					<th>{t('ViewRes.Discussion:Index.Created')}</th>
+					<th>{t('ViewRes.Discussion:Index.LastComment')}</th>
+				</tr>
+			</thead>
+		);
+	},
+);
+
+interface ViewFolderTableRowProps {
+	topic: DiscussionTopicContract;
+}
+
+const ViewFolderTableRow = observer(
+	({ topic }: ViewFolderTableRowProps): React.ReactElement => {
+		const navigate = useNavigate();
+
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(topic.author.id)) return <></>;
+
+		return (
+			<tr onClick={(): void => navigate(`/discussion/topics/${topic.id}`)}>
+				<td>
+					<span>{topic.name}</span>
+				</td>
+				<td>
+					<span>
+						{/* eslint-disable-next-line react/jsx-pascal-case */}
+						<ProfileIconKnockout_ImageSize
+							imageSize={ImageSize.TinyThumb}
+							user={topic.author}
+							size={18}
+						/>{' '}
+						<span>{topic.author.name}</span>
+					</span>
+				</td>
+				<td className="hidden-phone">
+					<span>{topic.commentCount}</span>
+				</td>
+				<td>
+					<span>{moment(topic.created).format('lll')}</span>
+				</td>
+				<td>
+					{topic.lastComment && (
+						<span>
+							{moment(topic.lastComment.created).format('lll')} by{' '}
+							{topic.lastComment.authorName}
+						</span>
+					)}
+				</td>
+			</tr>
+		);
+	},
+);
+
+interface ViewFolderTableBodyProps {
+	discussionIndexStore: DiscussionIndexStore;
+}
+
+const ViewFolderTableBody = observer(
+	({ discussionIndexStore }: ViewFolderTableBodyProps): React.ReactElement => {
+		return (
+			<tbody className="discussion-topics">
+				{discussionIndexStore.topics.map((topic) => (
+					<ViewFolderTableRow topic={topic} key={topic.id} />
+				))}
+			</tbody>
+		);
+	},
+);
+
+interface ViewFolderTableProps {
+	discussionIndexStore: DiscussionIndexStore;
+}
+
+const ViewFolderTable = observer(
+	({ discussionIndexStore }: ViewFolderTableProps): React.ReactElement => {
+		return (
+			<table className="table">
+				<ViewFolderTableHeader />
+				<ViewFolderTableBody discussionIndexStore={discussionIndexStore} />
+			</table>
+		);
+	},
+);
+
 interface ViewFolderProps {
 	discussionIndexStore: DiscussionIndexStore;
 }
@@ -89,56 +188,7 @@ const ViewFolder = observer(
 
 				<ServerSidePaging pagingStore={discussionIndexStore.paging} />
 
-				<table className="table">
-					<thead>
-						<tr>
-							<th>{t('ViewRes.Discussion:Index.Topic')}</th>
-							<th>{t('ViewRes.Discussion:Index.Author')}</th>
-							<th className="hidden-phone">
-								{t('ViewRes.Discussion:Index.Comments')}
-							</th>
-							<th>{t('ViewRes.Discussion:Index.Created')}</th>
-							<th>{t('ViewRes.Discussion:Index.LastComment')}</th>
-						</tr>
-					</thead>
-					<tbody className="discussion-topics">
-						{discussionIndexStore.topics.map((topic) => (
-							<tr
-								onClick={(): void => navigate(`/discussion/topics/${topic.id}`)}
-								key={topic.id}
-							>
-								<td>
-									<span>{topic.name}</span>
-								</td>
-								<td>
-									<span>
-										{/* eslint-disable-next-line react/jsx-pascal-case */}
-										<ProfileIconKnockout_ImageSize
-											imageSize={ImageSize.TinyThumb}
-											user={topic.author}
-											size={18}
-										/>{' '}
-										<span>{topic.author.name}</span>
-									</span>
-								</td>
-								<td className="hidden-phone">
-									<span>{topic.commentCount}</span>
-								</td>
-								<td>
-									<span>{moment(topic.created).format('lll')}</span>
-								</td>
-								<td>
-									{topic.lastComment && (
-										<span>
-											{moment(topic.lastComment.created).format('lll')} by{' '}
-											{topic.lastComment.authorName}
-										</span>
-									)}
-								</td>
-							</tr>
-						))}
-					</tbody>
-				</table>
+				<ViewFolderTable discussionIndexStore={discussionIndexStore} />
 
 				<ServerSidePaging pagingStore={discussionIndexStore.paging} />
 			</div>
diff --git a/VocaDbWeb/Scripts/Pages/Event/EventDetails.tsx b/VocaDbWeb/Scripts/Pages/Event/EventDetails.tsx
index 3fdfc7651b..835f3830ae 100644
--- a/VocaDbWeb/Scripts/Pages/Event/EventDetails.tsx
+++ b/VocaDbWeb/Scripts/Pages/Event/EventDetails.tsx
@@ -26,6 +26,7 @@ import { IconAndNameLinkKnockout } from '@/Components/Shared/Partials/User/IconA
 import { useVocaDbTitle } from '@/Components/useVocaDbTitle';
 import { ArtistForEventContract } from '@/DataContracts/ReleaseEvents/ArtistForEventContract';
 import { ReleaseEventDetailsContract } from '@/DataContracts/ReleaseEvents/ReleaseEventDetailsContract';
+import { UserApiContract } from '@/DataContracts/User/UserApiContract';
 import { PVHelper } from '@/Helpers/PVHelper';
 import { UrlHelper } from '@/Helpers/UrlHelper';
 import JQueryUIButton from '@/JQueryUI/JQueryUIButton';
@@ -39,6 +40,7 @@ import {
 import { ImageSize } from '@/Models/Images/ImageSize';
 import { LoginManager } from '@/Models/LoginManager';
 import { UserEventRelationshipType } from '@/Models/Users/UserEventRelationshipType';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { ReleaseEventRepository } from '@/Repositories/ReleaseEventRepository';
 import { UserRepository } from '@/Repositories/UserRepository';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
@@ -116,6 +118,23 @@ const ArtistList = React.memo(
 	},
 );
 
+interface UserAttendingProps {
+	user: UserApiContract;
+}
+
+const UserAttending = observer(
+	({ user }: UserAttendingProps): React.ReactElement => {
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(user.id)) return <></>;
+
+		return (
+			<li>
+				<IconAndNameLinkKnockout user={user} />
+			</li>
+		);
+	},
+);
+
 interface EventDetailsLayoutProps {
 	event: ReleaseEventDetailsContract;
 	releaseEventDetailsStore: ReleaseEventDetailsStore;
@@ -573,9 +592,7 @@ const EventDetailsLayout = observer(
 					<div className="withMargin">
 						<ul>
 							{releaseEventDetailsStore.usersAttending.map((user) => (
-								<li key={user.id}>
-									<IconAndNameLinkKnockout user={user} />
-								</li>
+								<UserAttending user={user} key={user.id} />
 							))}
 						</ul>
 					</div>
diff --git a/VocaDbWeb/Scripts/Pages/Song/Partials/UsersWithSongRating.tsx b/VocaDbWeb/Scripts/Pages/Song/Partials/UsersWithSongRating.tsx
index 0f52b1fd8f..ea61e82bb7 100644
--- a/VocaDbWeb/Scripts/Pages/Song/Partials/UsersWithSongRating.tsx
+++ b/VocaDbWeb/Scripts/Pages/Song/Partials/UsersWithSongRating.tsx
@@ -1,9 +1,28 @@
 import { IconAndNameLinkKnockout } from '@/Components/Shared/Partials/User/IconAndNameLinkKnockout';
+import { UserApiContract } from '@/DataContracts/User/UserApiContract';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { RatingsStore } from '@/Stores/Song/SongDetailsStore';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
+interface UserWithSongRatingProps {
+	user: UserApiContract;
+}
+
+const UserWithSongRating = observer(
+	({ user }: UserWithSongRatingProps): React.ReactElement => {
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(user.id)) return <></>;
+
+		return (
+			<li className="link-item user-with-rating">
+				<IconAndNameLinkKnockout user={user} />
+			</li>
+		);
+	},
+);
+
 interface UsersWithSongRatingProps {
 	ratingsStore: RatingsStore;
 }
@@ -28,9 +47,7 @@ const UsersWithSongRating = observer(
 							{ratingsStore.favorites.map((user, index) => (
 								<React.Fragment key={user.id}>
 									{index > 0 && ' '}
-									<li className="link-item user-with-rating">
-										<IconAndNameLinkKnockout user={user} />
-									</li>
+									<UserWithSongRating user={user} />
 								</React.Fragment>
 							))}
 						</ul>
@@ -51,9 +68,7 @@ const UsersWithSongRating = observer(
 							{ratingsStore.likes.map((user, index) => (
 								<React.Fragment key={user.id}>
 									{index > 0 && ' '}
-									<li className="link-item user-with-rating">
-										<IconAndNameLinkKnockout user={user} />
-									</li>
+									<UserWithSongRating user={user} />
 								</React.Fragment>
 							))}
 						</ul>
diff --git a/VocaDbWeb/Scripts/Pages/User/Partials/ListUsers.tsx b/VocaDbWeb/Scripts/Pages/User/Partials/ListUsers.tsx
index aafad8ae3c..b2c50ba69a 100644
--- a/VocaDbWeb/Scripts/Pages/User/Partials/ListUsers.tsx
+++ b/VocaDbWeb/Scripts/Pages/User/Partials/ListUsers.tsx
@@ -6,7 +6,9 @@ import {
 	UserLanguageCultureDropdownList,
 } from '@/Components/Shared/Partials/Knockout/DropdownList';
 import { ServerSidePaging } from '@/Components/Shared/Partials/Knockout/ServerSidePaging';
+import { UserApiContract } from '@/DataContracts/User/UserApiContract';
 import { UserGroup } from '@/Models/Users/UserGroup';
+import { useMutedUsers } from '@/MutedUsersContext';
 import { EntryUrlMapper } from '@/Shared/EntryUrlMapper';
 import { ListUsersStore, UserSortRule } from '@/Stores/User/ListUsersStore';
 import classNames from 'classnames';
@@ -126,108 +128,161 @@ const UsersFilters = observer(
 	},
 );
 
+interface UserSearchListTableHeaderProps {
+	listUsersStore: ListUsersStore;
+}
+
+const UserSearchListTableHeader = observer(
+	({ listUsersStore }: UserSearchListTableHeaderProps): React.ReactElement => {
+		const { t } = useTranslation(['ViewRes.User']);
+
+		return (
+			<thead>
+				<tr>
+					<th colSpan={2}>
+						<SafeAnchor
+							onClick={(): void =>
+								runInAction(() => {
+									listUsersStore.sort = UserSortRule.Name;
+								})
+							}
+							href="#"
+						>
+							{t('ViewRes.User:Details.UserName')}
+							{listUsersStore.sort === UserSortRule.Name && (
+								<>
+									{' '}
+									<span className="sortDirection_down"></span>
+								</>
+							)}
+						</SafeAnchor>
+					</th>
+					<th>
+						<SafeAnchor
+							onClick={(): void =>
+								runInAction(() => {
+									listUsersStore.sort = UserSortRule.RegisterDate;
+								})
+							}
+							href="#"
+						>
+							{t('ViewRes.User:Details.MemberSince')}
+							{listUsersStore.sort === UserSortRule.RegisterDate && (
+								<>
+									{' '}
+									<span className="sortDirection_down"></span>
+								</>
+							)}
+						</SafeAnchor>
+					</th>
+					<th>
+						<SafeAnchor
+							onClick={(): void =>
+								runInAction(() => {
+									listUsersStore.sort = UserSortRule.Group;
+								})
+							}
+							href="#"
+						>
+							{t('ViewRes.User:Details.UserGroup')}
+							{listUsersStore.sort === UserSortRule.Group && (
+								<>
+									{' '}
+									<span className="sortDirection_down"></span>
+								</>
+							)}
+						</SafeAnchor>
+					</th>
+				</tr>
+			</thead>
+		);
+	},
+);
+
+interface UserSearchListTableRowProps {
+	user: UserApiContract;
+}
+
+const UserSearchListTableRow = observer(
+	({ user }: UserSearchListTableRowProps): React.ReactElement => {
+		const { t } = useTranslation(['Resources']);
+
+		const mutedUsers = useMutedUsers();
+		if (mutedUsers.includes(user.id)) return <></>;
+
+		return (
+			<tr>
+				<td style={{ width: '85px' }}>
+					{user.mainPicture && user.mainPicture.urlThumb && (
+						<Link to={EntryUrlMapper.details_user_byName(user.name)}>
+							{/* eslint-disable-next-line jsx-a11y/alt-text */}
+							<img
+								src={user.mainPicture.urlThumb}
+								title="Picture"
+								className="img-rounded"
+							/>
+						</Link>
+					)}
+				</td>
+				<td>
+					<Link
+						to={EntryUrlMapper.details_user_byName(user.name)}
+						className={classNames(!user.active && 'muted')}
+					>
+						{user.name}
+					</Link>
+				</td>
+				<td>{moment(user.memberSince).format('L')}</td>
+				<td>{t(`Resources:UserGroupNames.${user.groupId}`)}</td>
+			</tr>
+		);
+	},
+);
+
+interface UserSearchListTableBodyProps {
+	listUsersStore: ListUsersStore;
+}
+
+const UserSearchListTableBody = observer(
+	({ listUsersStore }: UserSearchListTableBodyProps): React.ReactElement => {
+		return (
+			<tbody>
+				{listUsersStore.page.map((user) => (
+					<UserSearchListTableRow user={user} key={user.id} />
+				))}
+			</tbody>
+		);
+	},
+);
+
+interface UserSearchListTableProps {
+	listUsersStore: ListUsersStore;
+}
+
+const UserSearchListTable = observer(
+	({ listUsersStore }: UserSearchListTableProps): React.ReactElement => {
+		return (
+			<table className="table table-striped">
+				<UserSearchListTableHeader listUsersStore={listUsersStore} />
+				<UserSearchListTableBody listUsersStore={listUsersStore} />
+			</table>
+		);
+	},
+);
+
 interface UserSearchListProps {
 	listUsersStore: ListUsersStore;
 }
 
 const UserSearchList = observer(
 	({ listUsersStore }: UserSearchListProps): React.ReactElement => {
-		const { t } = useTranslation(['Resources', 'ViewRes.User']);
-
 		return (
 			<div className={classNames(listUsersStore.loading && 'loading')}>
 				<EntryCountBox pagingStore={listUsersStore.paging} />
 
 				<ServerSidePaging pagingStore={listUsersStore.paging} />
 
-				<table className="table table-striped">
-					<thead>
-						<tr>
-							<th colSpan={2}>
-								<SafeAnchor
-									onClick={(): void =>
-										runInAction(() => {
-											listUsersStore.sort = UserSortRule.Name;
-										})
-									}
-									href="#"
-								>
-									{t('ViewRes.User:Details.UserName')}
-									{listUsersStore.sort === UserSortRule.Name && (
-										<>
-											{' '}
-											<span className="sortDirection_down"></span>
-										</>
-									)}
-								</SafeAnchor>
-							</th>
-							<th>
-								<SafeAnchor
-									onClick={(): void =>
-										runInAction(() => {
-											listUsersStore.sort = UserSortRule.RegisterDate;
-										})
-									}
-									href="#"
-								>
-									{t('ViewRes.User:Details.MemberSince')}
-									{listUsersStore.sort === UserSortRule.RegisterDate && (
-										<>
-											{' '}
-											<span className="sortDirection_down"></span>
-										</>
-									)}
-								</SafeAnchor>
-							</th>
-							<th>
-								<SafeAnchor
-									onClick={(): void =>
-										runInAction(() => {
-											listUsersStore.sort = UserSortRule.Group;
-										})
-									}
-									href="#"
-								>
-									{t('ViewRes.User:Details.UserGroup')}
-									{listUsersStore.sort === UserSortRule.Group && (
-										<>
-											{' '}
-											<span className="sortDirection_down"></span>
-										</>
-									)}
-								</SafeAnchor>
-							</th>
-						</tr>
-					</thead>
-					<tbody>
-						{listUsersStore.page.map((user) => (
-							<tr key={user.id}>
-								<td style={{ width: '85px' }}>
-									{user.mainPicture && user.mainPicture.urlThumb && (
-										<Link to={EntryUrlMapper.details_user_byName(user.name)}>
-											{/* eslint-disable-next-line jsx-a11y/alt-text */}
-											<img
-												src={user.mainPicture.urlThumb}
-												title="Picture"
-												className="img-rounded"
-											/>
-										</Link>
-									)}
-								</td>
-								<td>
-									<Link
-										to={EntryUrlMapper.details_user_byName(user.name)}
-										className={classNames(!user.active && 'muted')}
-									>
-										{user.name}
-									</Link>
-								</td>
-								<td>{moment(user.memberSince).format('L')}</td>
-								<td>{t(`Resources:UserGroupNames.${user.groupId}`)}</td>
-							</tr>
-						))}
-					</tbody>
-				</table>
+				<UserSearchListTable listUsersStore={listUsersStore} />
 
 				<ServerSidePaging pagingStore={listUsersStore.paging} />
 			</div>
diff --git a/VocaDbWeb/Scripts/Pages/User/UserDetails.tsx b/VocaDbWeb/Scripts/Pages/User/UserDetails.tsx
index 52a16e85fa..7b245bd716 100644
--- a/VocaDbWeb/Scripts/Pages/User/UserDetails.tsx
+++ b/VocaDbWeb/Scripts/Pages/User/UserDetails.tsx
@@ -9,6 +9,7 @@ import JQueryUIButton from '@/JQueryUI/JQueryUIButton';
 import JQueryUIDialog from '@/JQueryUI/JQueryUIDialog';
 import { LoginManager } from '@/Models/LoginManager';
 import { UserGroup } from '@/Models/Users/UserGroup';
+import { useMutedUsers } from '@/MutedUsersContext';
 import UserDetailsRoutes from '@/Pages/User/UserDetailsRoutes';
 import { AdminRepository } from '@/Repositories/AdminRepository';
 import { ArtistRepository } from '@/Repositories/ArtistRepository';
@@ -65,6 +66,10 @@ const UserDetailsLayout = observer(
 			loginManager.loggedUser.id === user.id &&
 			loginManager.loggedUser.active;
 
+		const mutedUsers = useMutedUsers();
+
+		const mutedUser = mutedUsers.find(user.id);
+
 		return (
 			<Layout
 				title={title}
@@ -78,7 +83,7 @@ const UserDetailsLayout = observer(
 				}
 				toolbar={
 					<>
-						{ownProfile && (
+						{ownProfile ? (
 							<>
 								<JQueryUIButton
 									as={Link}
@@ -96,6 +101,26 @@ const UserDetailsLayout = observer(
 									{t('ViewRes.User:Details.Messages')}
 								</JQueryUIButton>
 							</>
+						) : (
+							<>
+								{mutedUser ? (
+									<JQueryUIButton
+										as={SafeAnchor}
+										onClick={(): void => mutedUsers.removeMutedUser(mutedUser)}
+										icons={{ primary: 'ui-icon-volume-on' }}
+									>
+										Unmute{/* TODO: localize */}
+									</JQueryUIButton>
+								) : (
+									<JQueryUIButton
+										as={SafeAnchor}
+										onClick={(): void => mutedUsers.addMutedUser(user.id)}
+										icons={{ primary: 'ui-icon-volume-off' }}
+									>
+										Mute{/* TODO: localize */}
+									</JQueryUIButton>
+								)}
+							</>
 						)}
 
 						{loginManager.loggedUser &&
@@ -104,6 +129,7 @@ const UserDetailsLayout = observer(
 							!user.standalone && (
 								<>
 									{' '}
+									&nbsp;{' '}
 									<JQueryUIButton
 										as={Link}
 										to={`/User/Messages?${qs.stringify({
diff --git a/VocaDbWeb/Scripts/Stores/MutedUsersLocalStorageState.schema.json b/VocaDbWeb/Scripts/Stores/MutedUsersLocalStorageState.schema.json
new file mode 100644
index 0000000000..44cd5d9cff
--- /dev/null
+++ b/VocaDbWeb/Scripts/Stores/MutedUsersLocalStorageState.schema.json
@@ -0,0 +1,12 @@
+{
+	"$schema": "http://json-schema.org/draft-07/schema#",
+	"properties": {
+		"mutedUserIds": {
+			"items": {
+				"type": "number"
+			},
+			"type": "array"
+		}
+	},
+	"type": "object"
+}
diff --git a/VocaDbWeb/Scripts/Stores/MutedUsersStore.ts b/VocaDbWeb/Scripts/Stores/MutedUsersStore.ts
new file mode 100644
index 0000000000..39cf2c1a39
--- /dev/null
+++ b/VocaDbWeb/Scripts/Stores/MutedUsersStore.ts
@@ -0,0 +1,63 @@
+import { UserApiContract } from '@/DataContracts/User/UserApiContract';
+import { LocalStorageStateStore } from '@vocadb/route-sphere';
+import Ajv, { JSONSchemaType } from 'ajv';
+import { pull } from 'lodash-es';
+import { action, computed, makeObservable, observable } from 'mobx';
+
+interface MutedUsersLocalStorageState {
+	mutedUserIds?: number[];
+}
+
+// TODO: Use single Ajv instance. See https://ajv.js.org/guide/managing-schemas.html.
+const ajv = new Ajv({ coerceTypes: true });
+
+// TODO: Make sure that we compile schemas only once and re-use compiled validation functions. See https://ajv.js.org/guide/getting-started.html.
+const schema: JSONSchemaType<MutedUsersLocalStorageState> = require('./MutedUsersLocalStorageState.schema');
+const validate = ajv.compile(schema);
+
+export class MutedUsersStore
+	implements LocalStorageStateStore<MutedUsersLocalStorageState> {
+	@observable public mutedUsers: UserApiContract[] = [];
+
+	public constructor() {
+		makeObservable(this);
+	}
+
+	@computed public get mutedUserIds(): number[] {
+		return this.mutedUsers.map((mutedUser) => mutedUser.id);
+	}
+	public set mutedUserIds(value: number[]) {
+		this.mutedUsers = value.map((mutedUserId) => ({ id: mutedUserId }));
+	}
+
+	@computed.struct public get localStorageState(): MutedUsersLocalStorageState {
+		return {
+			mutedUserIds: this.mutedUserIds,
+		};
+	}
+	public set localStorageState(value: MutedUsersLocalStorageState) {
+		this.mutedUserIds = value.mutedUserIds ?? [];
+	}
+
+	public validateLocalStorageState(
+		localStorageState: any,
+	): localStorageState is MutedUsersLocalStorageState {
+		return validate(localStorageState);
+	}
+
+	public includes = (userId: number): boolean => {
+		return this.mutedUserIds.includes(userId);
+	};
+
+	public find = (userId: number): UserApiContract | undefined => {
+		return this.mutedUsers.find((mutedUser) => mutedUser.id === userId);
+	};
+
+	@action public addMutedUser = (userId: number): void => {
+		this.mutedUsers.push({ id: userId });
+	};
+
+	@action public removeMutedUser = (user: UserApiContract): void => {
+		pull(this.mutedUsers, user);
+	};
+}
diff --git a/VocaDbWeb/Scripts/index.tsx b/VocaDbWeb/Scripts/index.tsx
index fefeb4f00a..39a07c4355 100644
--- a/VocaDbWeb/Scripts/index.tsx
+++ b/VocaDbWeb/Scripts/index.tsx
@@ -1,6 +1,7 @@
 import App from '@/App';
 import '@/ArrayExtensions';
 import { VdbPlayerProvider } from '@/Components/VdbPlayer/VdbPlayerContext';
+import { MutedUsersProvider } from '@/MutedUsersContext';
 import '@/i18n';
 import { NostalgicDivaProvider } from '@vocadb/nostalgic-diva';
 import React from 'react';
@@ -14,7 +15,9 @@ ReactDOM.render(
 		<BrowserRouter>
 			<NostalgicDivaProvider>
 				<VdbPlayerProvider>
-					<App />
+					<MutedUsersProvider>
+						<App />
+					</MutedUsersProvider>
 				</VdbPlayerProvider>
 			</NostalgicDivaProvider>
 		</BrowserRouter>