fix(ui): fix projects display
This commit is contained in:
parent
47bb62aa06
commit
ffe1d3a783
1 changed files with 11 additions and 5 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue