From 67026fc5b354a87679660b636f27d8bde6d9a654 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 7 Jun 2025 19:37:28 -0700
Subject: [PATCH] Tweak

---
 src-web/components/Workspace.tsx | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src-web/components/Workspace.tsx b/src-web/components/Workspace.tsx
index 64c4dc5f..ef67a19a 100644
--- a/src-web/components/Workspace.tsx
+++ b/src-web/components/Workspace.tsx
@@ -4,14 +4,8 @@ import { useAtomValue } from 'jotai';
 import * as m from 'motion/react-m';
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
 import { useCallback, useMemo, useRef, useState } from 'react';
-import {
-  useEnsureActiveCookieJar,
-  useSubscribeActiveCookieJarId,
-} from '../hooks/useActiveCookieJar';
-import {
-  activeEnvironmentAtom,
-  useSubscribeActiveEnvironmentId,
-} from '../hooks/useActiveEnvironment';
+import { useEnsureActiveCookieJar, useSubscribeActiveCookieJarId } from '../hooks/useActiveCookieJar';
+import { activeEnvironmentAtom, useSubscribeActiveEnvironmentId } from '../hooks/useActiveEnvironment';
 import { activeRequestAtom } from '../hooks/useActiveRequest';
 import { useSubscribeActiveRequestId } from '../hooks/useActiveRequestId';
 import { activeWorkspaceAtom } from '../hooks/useActiveWorkspace';
@@ -121,7 +115,7 @@ export function Workspace() {
     [sideWidth, floating],
   );
 
-  const environmentBg = useMemo(() => {
+  const environmentBgStyle = useMemo(() => {
     if (activeEnvironment?.color == null) return undefined;
     const background = `linear-gradient(to right, ${activeEnvironment.color} 15%, transparent 40%)`;
     return { background };
@@ -190,11 +184,11 @@ export function Workspace() {
       >
         <div className="absolute inset-0 pointer-events-none">
           <div // Add subtle background
-            style={environmentBg}
+            style={environmentBgStyle}
             className="absolute inset-0 opacity-5"
           />
           <div // Add subtle border bottom
-            style={environmentBg}
+            style={environmentBgStyle}
             className="absolute left-0 right-0 bottom-0 h-[0.5px] opacity-20"
           />
         </div>