From 96c08760530b47e70e77f564735e349d268df6a3 Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Tue, 2 Aug 2022 15:09:55 -0700
Subject: [PATCH] manalinks: fix focus

---
 web/components/manalink-card.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/web/components/manalink-card.tsx b/web/components/manalink-card.tsx
index c8529609..b04fd0da 100644
--- a/web/components/manalink-card.tsx
+++ b/web/components/manalink-card.tsx
@@ -1,16 +1,18 @@
+import { useState } from 'react'
 import clsx from 'clsx'
+import { QrcodeIcon } from '@heroicons/react/outline'
+import { DotsHorizontalIcon } from '@heroicons/react/solid'
+
 import { formatMoney } from 'common/util/format'
 import { fromNow } from 'web/lib/util/time'
 import { Col } from 'web/components/layout/col'
 import { Row } from 'web/components/layout/row'
 import { Claim, Manalink } from 'common/manalink'
-import { useState } from 'react'
 import { ShareIconButton } from './share-icon-button'
-import { DotsHorizontalIcon } from '@heroicons/react/solid'
 import { contractDetailsButtonClassName } from './contract/contract-info-dialog'
 import { useUserById } from 'web/hooks/use-user'
 import getManalinkUrl from 'web/get-manalink-url'
-import { QrcodeIcon } from '@heroicons/react/outline'
+
 export type ManalinkInfo = {
   expiresTime: number | null
   maxUses: number | null
@@ -133,12 +135,7 @@ export function ManalinkCardFromView(props: {
 
           <button
             onClick={() => (window.location.href = qrUrl)}
-            className={clsx(
-              contractDetailsButtonClassName,
-              showDetails
-                ? 'bg-gray-200 text-gray-600 hover:bg-gray-200 hover:text-gray-600'
-                : ''
-            )}
+            className={clsx(contractDetailsButtonClassName)}
           >
             <QrcodeIcon className="h-6 w-6" />
           </button>