From 3ca491c03f205abbfc23e7c6bedb9a4493ea399a Mon Sep 17 00:00:00 2001 From: Chewbacca Date: Wed, 8 Feb 2023 14:06:41 -0500 Subject: [PATCH] classNames -> clsx --- .../features/chats/components/chat-message-reaction.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/soapbox/features/chats/components/chat-message-reaction.tsx b/app/soapbox/features/chats/components/chat-message-reaction.tsx index aaf67e272..76c9fa0f8 100644 --- a/app/soapbox/features/chats/components/chat-message-reaction.tsx +++ b/app/soapbox/features/chats/components/chat-message-reaction.tsx @@ -1,4 +1,4 @@ -import classNames from 'clsx'; +import clsx from 'clsx'; import React from 'react'; import { Text } from 'soapbox/components/ui'; @@ -29,8 +29,8 @@ const ChatMessageReaction = (props: IChatMessageReaction) => { type='button' onClick={handleClick} className={ - classNames({ - 'w-12 rounded-lg flex items-center justify-between text-sm border border-solid text-gray-700 dark:text-gray-600 px-2 py-1 space-x-1.5 transition-colors hover:bg-gray-200 dark:hover:bg-gray-800 whitespace-nowrap': true, + clsx({ + 'w-12 rounded-lg flex justify-between text-sm border items-center border-solid text-gray-700 dark:text-gray-600 px-2 py-1 space-x-1.5 transition-colors hover:bg-gray-200 dark:hover:bg-gray-800 whitespace-nowrap': true, 'border-primary-500 dark:border-primary-400': emojiReaction.me, 'border-gray-300 dark:border-gray-800': !emojiReaction.me, })