From 4e83aa14316e31f81a36e29a873d85a43e735924 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 8 Jun 2022 14:42:23 -0500
Subject: [PATCH] Put back edit following button

---
 web/components/following-button.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/components/following-button.tsx b/web/components/following-button.tsx
index 7c43c414..f402f3d0 100644
--- a/web/components/following-button.tsx
+++ b/web/components/following-button.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx'
 import { PencilIcon } from '@heroicons/react/outline'
 import { User } from 'common/user'
 import { useEffect, useState } from 'react'
@@ -42,7 +43,13 @@ export function EditFollowingButton(props: { user: User; className?: string }) {
   const followerIds = useFollowers(user.id)
 
   return (
-    <TextButton className={className} onClick={() => setIsOpen(true)}>
+    <div
+      className={clsx(
+        className,
+        'btn btn-sm btn-ghost cursor-pointer gap-2 whitespace-nowrap text-sm normal-case text-gray-700'
+      )}
+      onClick={() => setIsOpen(true)}
+    >
       <PencilIcon className="inline h-4 w-4" />
       Following
       <FollowsDialog
@@ -53,7 +60,7 @@ export function EditFollowingButton(props: { user: User; className?: string }) {
         isOpen={isOpen}
         setIsOpen={setIsOpen}
       />
-    </TextButton>
+    </div>
   )
 }