fix(ui): fix projects display

This commit is contained in:
nick-delirium 2023-10-30 11:12:58 +01:00
parent 47bb62aa06
commit ffe1d3a783

View file

@ -13,6 +13,7 @@ import { init as initProject } from 'Duck/site';
import NewSiteForm from 'Components/Client/Sites/NewSiteForm';
import { withStore } from 'App/mstore';
import { Icon } from 'UI'
import cn from 'classnames'
const { Text } = Typography;
@ -59,7 +60,7 @@ function ProjectDropdown(props: Props) {
<Menu>
{isAdmin && (
<>
<Menu.Item icon={<FolderAddOutlined />} key='all-projects' onClick={addProjectClickHandler}>
<Menu.Item icon={<FolderAddOutlined rev={undefined} />} key='all-projects' onClick={addProjectClickHandler}>
<Text>Add Project</Text>
</Menu.Item>
<Divider style={{ margin: 0 }} />
@ -71,9 +72,9 @@ function ProjectDropdown(props: Props) {
icon={<Icon name={site.platform === 'web' ? 'browser/browser' : 'mobile'} />}
key={site.id}
onClick={() => handleSiteChange(site.id)}
className='!py-2'
className={cn('!py-2', activeSite?.host === site.host ? 'bg-active-blue' : '')}
>
<Text className='capitalize'>{site.host}</Text>
<Text className={cn('capitalize', activeSite?.host === site.host ? 'text-main' : '')}>{site.host}</Text>
</Menu.Item>
))}
</Menu>
@ -83,8 +84,13 @@ function ProjectDropdown(props: Props) {
<Dropdown overlay={menu} placement='bottomLeft'>
<Button>
<Space>
<Text className='font-medium capitalize'>{showCurrent && activeSite ? activeSite.host : 'All Projects'}</Text>
<CaretDownOutlined />
<Text className='font-medium capitalize'>{showCurrent && activeSite ? (
<div className='flex items-center gap-2'>
<Icon name={activeSite?.platform === 'web' ? 'browser/browser' : 'mobile'} />
{activeSite.host}
</div>
) : 'All Projects'}</Text>
<CaretDownOutlined rev={undefined} />
</Space>
</Button>
</Dropdown>