mirror of
https://github.com/strapi/strapi.git
synced 2025-12-12 07:27:46 +00:00
Use picker from buffet in ML
Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
parent
7cdb688cd7
commit
bff450688b
@ -2,10 +2,9 @@ import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
import { FilterIcon } from 'strapi-helper-plugin';
|
||||
|
||||
import { Picker } from '@buffetjs/core';
|
||||
import FiltersCard from './FiltersCard';
|
||||
import Wrapper from './Wrapper';
|
||||
import Picker from '../Picker';
|
||||
|
||||
import formatFilter from './utils/formatFilter';
|
||||
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
import styled from 'styled-components';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
position: relative;
|
||||
`;
|
||||
|
||||
export default Wrapper;
|
||||
@ -1,40 +0,0 @@
|
||||
import React, { useState, useRef } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
import { useClickAwayListener } from '@buffetjs/hooks';
|
||||
|
||||
import DropdownButton from '../DropdownButton';
|
||||
import DropdownSection from '../DropdownSection';
|
||||
import Wrapper from './Wrapper';
|
||||
|
||||
const Picker = ({ renderButtonContent, renderSectionContent }) => {
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
const dropdownRef = useRef();
|
||||
|
||||
useClickAwayListener(dropdownRef, () => setIsOpen(false));
|
||||
|
||||
const handleToggle = () => {
|
||||
setIsOpen(v => !v);
|
||||
};
|
||||
|
||||
return (
|
||||
<Wrapper ref={dropdownRef}>
|
||||
<DropdownButton onClick={handleToggle} isActive={isOpen}>
|
||||
{renderButtonContent(isOpen)}
|
||||
</DropdownButton>
|
||||
<DropdownSection isOpen={isOpen}>{renderSectionContent(handleToggle)}</DropdownSection>
|
||||
</Wrapper>
|
||||
);
|
||||
};
|
||||
|
||||
Picker.defaultProps = {
|
||||
renderButtonContent: () => {},
|
||||
renderSectionContent: () => {},
|
||||
};
|
||||
|
||||
Picker.propTypes = {
|
||||
renderButtonContent: PropTypes.func,
|
||||
renderSectionContent: PropTypes.func,
|
||||
};
|
||||
|
||||
export default Picker;
|
||||
@ -3,10 +3,10 @@ import PropTypes from 'prop-types';
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
import { useGlobalContext } from 'strapi-helper-plugin';
|
||||
import { Carret } from '@buffetjs/icons';
|
||||
import { Picker } from '@buffetjs/core';
|
||||
import { getTrad, getFileModelTimestamps } from '../../utils';
|
||||
|
||||
import SortList from '../SortList';
|
||||
import Picker from '../Picker';
|
||||
|
||||
const SortPicker = ({ onChange, value }) => {
|
||||
const { plugins } = useGlobalContext();
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user