diff --git a/app/components/SideNav.tsx b/app/components/SideNav.tsx
index e9598ca10..7f19edb1d 100644
--- a/app/components/SideNav.tsx
+++ b/app/components/SideNav.tsx
@@ -121,7 +121,12 @@ export function ListLink({
{subtitle || badge ? (
{subtitle ? (
- {subtitle}
+
+ {subtitle}
+
) : null}
{typeof badge === "string" ? (
void;
}) {
const { t, i18n } = useTranslation(["front"]);
- const isMounted = useIsMounted();
const formatRelativeDate = (timestamp: number) => {
const date = new Date(timestamp * 1000);
@@ -60,7 +58,7 @@ export function StreamListItems({
const prevIsLive =
prevStream &&
databaseTimestampToDate(prevStream.startsAt).getTime() <= Date.now();
- const showUpcomingDivider = isMounted && isUpcoming && prevIsLive;
+ const showUpcomingDivider = isUpcoming && prevIsLive;
return (
@@ -85,22 +83,16 @@ export function StreamListItems({
) : stream.subtitle ? (
stream.subtitle
- ) : isMounted ? (
- isUpcoming ? (
- formatRelativeDate(stream.startsAt)
- ) : (
- formatDistanceToNow(startsAtDate, {
- addSuffix: true,
- language: i18n.language as LanguageCode,
- })
- )
+ ) : isUpcoming ? (
+ formatRelativeDate(stream.startsAt)
) : (
- ""
+ formatDistanceToNow(startsAtDate, {
+ addSuffix: true,
+ language: i18n.language as LanguageCode,
+ })
)
}
- badge={
- isMounted && !isUpcoming ? "LIVE" : streamTierBadge(stream)
- }
+ badge={!isUpcoming ? "LIVE" : streamTierBadge(stream)}
onClick={onClick}
>
{stream.name}