From 08937c6278583c9c23e7429556c88226d971aeae Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Fri, 5 Jun 2026 13:41:29 -0400
Subject: [PATCH] fix: ESLint duplicate import + glassmorphism child opacity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ESLint: UploadCardRenderer.tsx had two separate imports from
../../utils/matrix — merged tryDeleteMxcContent into the existing
import statement. Removed now-unnecessary eslint-disable directive from
chatBackground.ts (the _anim prefix already suppresses the rule).

Glassmorphism: the Scroll inside SidebarNav had variant="Background"
which set a solid backgroundColor on the entire scrollable area,
completely hiding the sidebar's semi-transparent glass + backdrop-filter.
Fix: pass variant={undefined} when glassmorphismSidebar is on so the
inner scroll area is transparent and the blur effect is visible through
it. The document.body background (set by the previous useEffect fix)
now shows through the frosted glass as intended.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/components/upload-card/UploadCardRenderer.tsx | 3 +--
 src/app/features/lotus/chatBackground.ts              | 1 -
 src/app/pages/client/SidebarNav.tsx                   | 6 +++++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/components/upload-card/UploadCardRenderer.tsx b/src/app/components/upload-card/UploadCardRenderer.tsx
index fe616c746..ad720e5b6 100644
--- a/src/app/components/upload-card/UploadCardRenderer.tsx
+++ b/src/app/components/upload-card/UploadCardRenderer.tsx
@@ -3,7 +3,7 @@ import { Box, Chip, Icon, IconButton, Icons, Text, color, config, toRem } from '
 import { UploadCard, UploadCardError, UploadCardProgress } from './UploadCard';
 import { UploadStatus, UploadSuccess, useBindUploadAtom } from '../../state/upload';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
-import { TUploadContent } from '../../utils/matrix';
+import { TUploadContent, tryDeleteMxcContent } from '../../utils/matrix';
 import { bytesToSize, getFileTypeIcon } from '../../utils/common';
 import {
   roomUploadAtomFamily,
@@ -13,7 +13,6 @@ import {
 import { useObjectURL } from '../../hooks/useObjectURL';
 import { useMediaConfig } from '../../hooks/useMediaConfig';
 import { compressImage, formatFileSize, isCompressible } from '../../utils/imageCompression';
-import { tryDeleteMxcContent } from '../../utils/matrix';
 
 type PreviewImageProps = {
   fileItem: TUploadItem;
diff --git a/src/app/features/lotus/chatBackground.ts b/src/app/features/lotus/chatBackground.ts
index 665e21e62..2908dd19a 100644
--- a/src/app/features/lotus/chatBackground.ts
+++ b/src/app/features/lotus/chatBackground.ts
@@ -490,7 +490,6 @@ export const getChatBg = (
   const reducedMotion =
     typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
   if ((pauseAnimations || reducedMotion) && style.animation) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { animation: _anim, ...rest } = style;
     return rest;
   }
diff --git a/src/app/pages/client/SidebarNav.tsx b/src/app/pages/client/SidebarNav.tsx
index 1a6bc3062..a03035ee0 100644
--- a/src/app/pages/client/SidebarNav.tsx
+++ b/src/app/pages/client/SidebarNav.tsx
@@ -68,7 +68,11 @@ export function SidebarNav() {
     <Sidebar className={classNames(glassmorphismSidebar && SidebarGlass)}>
       <SidebarContent
         scrollable={
-          <Scroll ref={scrollRef} variant="Background" size="0">
+          <Scroll
+            ref={scrollRef}
+            variant={glassmorphismSidebar ? undefined : 'Background'}
+            size="0"
+          >
             <SidebarStack>
               <HomeTab />
               <DirectTab />