Fix bug opportunity new button company search
This commit is contained in:
@ -7,7 +7,6 @@ import { relationPickerSearchFilterScopedState } from '@/ui/input/relation-picke
|
|||||||
import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
|
import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
|
||||||
import { useSnackBar } from '@/ui/snack-bar/hooks/useSnackBar';
|
import { useSnackBar } from '@/ui/snack-bar/hooks/useSnackBar';
|
||||||
import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
|
import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
|
||||||
import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
|
|
||||||
import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
|
import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
|
||||||
|
|
||||||
import { useCreateCompanyProgress } from '../hooks/useCreateCompanyProgress';
|
import { useCreateCompanyProgress } from '../hooks/useCreateCompanyProgress';
|
||||||
@ -56,12 +55,13 @@ export function NewCompanyProgressButton() {
|
|||||||
const [relationPickerSearchFilter] = useRecoilScopedState(
|
const [relationPickerSearchFilter] = useRecoilScopedState(
|
||||||
relationPickerSearchFilterScopedState,
|
relationPickerSearchFilterScopedState,
|
||||||
);
|
);
|
||||||
|
|
||||||
const companies = useFilteredSearchCompanyQuery({
|
const companies = useFilteredSearchCompanyQuery({
|
||||||
searchFilter: relationPickerSearchFilter,
|
searchFilter: relationPickerSearchFilter,
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<RecoilScope>
|
<>
|
||||||
{isCreatingCard ? (
|
{isCreatingCard ? (
|
||||||
<SingleEntitySelect
|
<SingleEntitySelect
|
||||||
disableBackgroundBlur
|
disableBackgroundBlur
|
||||||
@ -74,6 +74,6 @@ export function NewCompanyProgressButton() {
|
|||||||
) : (
|
) : (
|
||||||
<NewButton onClick={handleNewClick} />
|
<NewButton onClick={handleNewClick} />
|
||||||
)}
|
)}
|
||||||
</RecoilScope>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,5 @@
|
|||||||
import styled from '@emotion/styled';
|
import styled from '@emotion/styled';
|
||||||
|
|
||||||
import { overlayBackground } from '@/ui/theme/constants/effects';
|
|
||||||
|
|
||||||
const StyledEditableFieldEditModeContainer = styled.div<OwnProps>`
|
const StyledEditableFieldEditModeContainer = styled.div<OwnProps>`
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
@ -15,15 +13,16 @@ const StyledEditableFieldEditModeContainer = styled.div<OwnProps>`
|
|||||||
|
|
||||||
const StyledEditableFieldInput = styled.div`
|
const StyledEditableFieldInput = styled.div`
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
background: ${({ theme }) => theme.background.transparent.secondary};
|
||||||
border: 1px solid ${({ theme }) => theme.border.color.medium};
|
border: 1px solid ${({ theme }) => theme.border.color.medium};
|
||||||
border-radius: ${({ theme }) => theme.border.radius.sm};
|
border-radius: ${({ theme }) => theme.border.radius.sm};
|
||||||
|
box-shadow: ${({ theme }) => theme.boxShadow.strong};
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
min-height: 32px;
|
min-height: 32px;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
|
|
||||||
${overlayBackground}
|
|
||||||
|
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user