From d9edbb9ac10cf9a03c9d9cea9dd3b3bbe4852c12 Mon Sep 17 00:00:00 2001 From: Kevin Davis Date: Tue, 29 Oct 2024 12:36:45 +0100 Subject: [PATCH] chore: classes cleanup --- src/containers/daoExplorer/daoExplorer.tsx | 24 ++++++++-------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/src/containers/daoExplorer/daoExplorer.tsx b/src/containers/daoExplorer/daoExplorer.tsx index 8c5327c64..b956e4216 100644 --- a/src/containers/daoExplorer/daoExplorer.tsx +++ b/src/containers/daoExplorer/daoExplorer.tsx @@ -152,6 +152,11 @@ export const DaoExplorer = () => { const showSortFilter = filters.quickFilter !== 'featuredDaos' && isConnected; + const filterGroupClassName = classNames('flex justify-between w-full', { + 'flex flex-col items-center gap-y-3 md:flex-row md:justify-between': + isConnected, + }); + const toggleGroupClassName = classNames('flex flex-row w-full', { 'grid w-full grid-cols-2 gap-1 text-center md:flex md:w-fit md:flex-row': isConnected, @@ -161,23 +166,12 @@ export const DaoExplorer = () => { 'flex w-full justify-center md:w-fit': isConnected, }); - const filterGroupClassName = classNames('flex justify-between w-full', { - 'flex flex-col items-center gap-y-3 md:flex-row md:justify-between': - isConnected, + const buttonGroupContainerClassName = classNames('shrink-0', { + 'flex w-full md:w-fit justify-end': filters.quickFilter === 'featuredDaos', + 'flex gap-x-3 w-full md:w-fit justify-between': + isConnected && filters.quickFilter !== 'featuredDaos', }); - const buttonGroupContainerClassName = classNames( - 'shrink-0', - { - 'flex w-full md:w-fit justify-end': - filters.quickFilter === 'featuredDaos', - }, - { - 'flex gap-x-3 w-full md:w-fit justify-between': - isConnected && filters.quickFilter !== 'featuredDaos', - } - ); - /************************************************* * Render * *************************************************/