thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

chore: added a prop to render default state conditionally (#4669)

Browse Source
This commit is contained in:
Aaryan Khandelwal 2024-05-31 17:36:12 +05:30 committed by GitHub
parent ba4798deb9
commit c8c86a33f8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/dropdowns/state.tsx
View File

@ -24,7 +24,8 @@ type Props = TDropdownProps & {
onChange: (val: string) => void; onChange: (val: string) => void;
onClose?: () => void; onClose?: () => void;
projectId: string; projectId: string;
value: string; showDefaultState?: boolean;
value: string | undefined;
}; };
export const StateDropdown: React.FC<Props> = observer((props) => { export const StateDropdown: React.FC<Props> = observer((props) => {
@ -42,6 +43,7 @@ export const StateDropdown: React.FC<Props> = observer((props) => {
onClose, onClose,
placement, placement,
projectId, projectId,
showDefaultState = true,
showTooltip = false, showTooltip = false,
tabIndex, tabIndex,
value, value,
@ -72,8 +74,8 @@ export const StateDropdown: React.FC<Props> = observer((props) => {
const { workspaceSlug } = useAppRouter(); const { workspaceSlug } = useAppRouter();
const { fetchProjectStates, getProjectStates, getStateById } = useProjectState(); const { fetchProjectStates, getProjectStates, getStateById } = useProjectState();
const statesList = getProjectStates(projectId); const statesList = getProjectStates(projectId);
const defaultStateList = statesList?.find((state) => state.default); const defaultState = statesList?.find((state) => state.default);
const stateValue = value ? value : defaultStateList?.id; const stateValue = value ?? (showDefaultState ? defaultState?.id : undefined);
const options = statesList?.map((state) => ({ const options = statesList?.map((state) => ({
value: state.id, value: state.id,
@ -170,7 +172,7 @@ export const StateDropdown: React.FC<Props> = observer((props) => {
{!hideIcon && ( {!hideIcon && (
<StateGroupIcon <StateGroupIcon
stateGroup={selectedState?.group ?? "backlog"} stateGroup={selectedState?.group ?? "backlog"}
color={selectedState?.color} color={selectedState?.color ?? "rgba(var(--color-text-300))"}
className="h-3 w-3 flex-shrink-0" className="h-3 w-3 flex-shrink-0"
/> />
)} )}