Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-20 00:08:02 +01:00
Code Issues Projects Releases Wiki Activity

chore: remove project select (#4768)

Browse Source
This commit is contained in:
Jaanus Sellin 2023-09-20 08:55:30 +03:00 committed by GitHub
parent 4214cd4a32
commit e3ee050e80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 0 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
frontend/src/component/common/ProjectSelect/ProjectSelect.tsx
View File

@ -1,74 +0,0 @@
import React, { MouseEventHandler, useMemo, VFC } from 'react';
import { MenuItem, Typography } from '@mui/material';
import DropdownMenu, { IDropdownMenuProps } from '../DropdownMenu/DropdownMenu';
import useProjects from 'hooks/api/getters/useProjects/useProjects';
import { IProjectCard } from 'interfaces/project';
const ALL_PROJECTS = { id: '*', name: '> All projects' };
interface IProjectSelectProps {
currentProjectId: string;
updateCurrentProject: (id: string) => void;
}
const ProjectSelect: VFC<IProjectSelectProps & Partial<IDropdownMenuProps>> = ({
currentProjectId,
updateCurrentProject,
...rest
}) => {
const { projects } = useProjects();
const setProject = (value?: string | null) => {
const id = value && typeof value === 'string' ? value.trim() : '*';
updateCurrentProject(id);
};
const currentProject = useMemo(() => {
const project = projects.find(i => i.id === currentProjectId);
return project || ALL_PROJECTS;
}, [currentProjectId, projects]);
const handleChangeProject: MouseEventHandler = event => {
const target = (event.target as Element).getAttribute('data-target');
setProject(target);
};
const renderProjectItem = (selectedId: string, item: IProjectCard) => (
<MenuItem
disabled={selectedId === item.id}
data-target={item.id}
key={item.id}
style={{ fontSize: '14px' }}
>
{item.name}
</MenuItem>
);
const renderProjectOptions = () => [
<MenuItem
disabled={currentProject === ALL_PROJECTS}
data-target={ALL_PROJECTS.id}
key={ALL_PROJECTS.id}
>
<Typography variant="body2">{ALL_PROJECTS.name}</Typography>
</MenuItem>,
...projects.map(project =>
renderProjectItem(currentProjectId, project)
),
];
return (
<React.Fragment>
<DropdownMenu
id={'project'}
title="Select project"
label={`${currentProject.name}`}
callback={handleChangeProject}
renderOptions={renderProjectOptions}
{...rest}
/>
</React.Fragment>
);
};
export default ProjectSelect;