fix(console): darkmode broken in preview (#2458)

proofzero · Jul 4, 2023 · 64203fa · 64203fa
1 parent 3004a75
commit 64203fa
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/apps/console/app/routes/apps/$clientId/designer.beta.tsx b/apps/console/app/routes/apps/$clientId/designer.beta.tsx
@@ -81,6 +81,7 @@ import { CountdownCircleTimer } from 'react-countdown-circle-timer'
 import { AddressURN } from '@proofzero/urns/address'
 import danger from '~/images/danger.svg'
 import { ToastType, toast } from '@proofzero/design-system/src/atoms/toast'
+import classNames from 'classnames'
 
 const LazyAuth = lazy(() =>
   import('../../../web3/lazyAuth').then((module) => ({
@@ -741,7 +742,7 @@ const AuthPanel = ({
                     />
                   </LazyAuth>
                 </Tab.Panel>
-                <Tab.Panel>
+                <Tab.Panel className={classNames({ dark })}>
                   <Authorization
                     userProfile={{
                       pfpURL: avatarURL,

diff --git a/apps/console/package.json b/apps/console/package.json
@@ -34,6 +34,7 @@
     "@remix-run/react": "1.14.0",
     "@tailwindcss/forms": "0.5.3",
     "bcryptjs": "2.4.3",
+    "classnames": "2.3.2",
     "connectkit": "1.4.0",
     "cross-env": "7.0.3",
     "ethers": "5.7.2",

diff --git a/yarn.lock b/yarn.lock
@@ -5777,6 +5777,7 @@ __metadata:
     babel-loader: 9.1.0
     bcryptjs: 2.4.3
     chromatic: 6.13.1
+    classnames: 2.3.2
     connectkit: 1.4.0
     cross-env: 7.0.3
     env-cmd: 10.1.0