moved attribute type to respective components
This commit is contained in:
parent
506a889c98
commit
ea079fffe8
|
@ -6,7 +6,6 @@ import { Formik } from 'formik';
|
|||
import * as Yup from 'yup';
|
||||
import SubmitButton from 'components/SubmitButton';
|
||||
import MessageDialog from 'components/MessageDialog';
|
||||
import { CollectionNamerAttributes } from '..';
|
||||
|
||||
interface Props {
|
||||
show: boolean;
|
||||
|
@ -16,6 +15,17 @@ interface Props {
|
|||
interface formValues {
|
||||
albumName: string;
|
||||
}
|
||||
export interface CollectionNamerAttributes {
|
||||
callback: (name) => Promise<void>;
|
||||
title: string;
|
||||
autoFilledName: string;
|
||||
buttonText: string;
|
||||
}
|
||||
|
||||
export type SetCollectionNamerAttributes = React.Dispatch<
|
||||
React.SetStateAction<CollectionNamerAttributes>
|
||||
>;
|
||||
|
||||
export default function CollectionNamer({ attributes, ...props }: Props) {
|
||||
const collectionNameInputRef = useRef(null);
|
||||
|
||||
|
|
|
@ -16,6 +16,15 @@ export const CollectionIcon = styled.div`
|
|||
outline: none;
|
||||
`;
|
||||
|
||||
export interface CollectionSelectorAttributes {
|
||||
callback: (collection) => Promise<void>;
|
||||
showNextModal: () => void;
|
||||
title: string;
|
||||
}
|
||||
export type SetCollectionSelectorAttributes = React.Dispatch<
|
||||
React.SetStateAction<CollectionSelectorAttributes>
|
||||
>;
|
||||
|
||||
interface Props {
|
||||
show: boolean;
|
||||
onHide: () => void;
|
||||
|
|
|
@ -10,11 +10,7 @@ import {
|
|||
import styled from 'styled-components';
|
||||
import { SetDialogMessage } from 'utils/billingUtil';
|
||||
import constants from 'utils/strings/constants';
|
||||
import { CollectionNamerAttributes } from '..';
|
||||
|
||||
type SetCollectionNamerAttributes = React.Dispatch<
|
||||
React.SetStateAction<CollectionNamerAttributes>
|
||||
>;
|
||||
import { SetCollectionNamerAttributes } from './CollectionNamer';
|
||||
|
||||
interface CollectionProps {
|
||||
collections: Collection[];
|
||||
|
|
|
@ -47,8 +47,12 @@ import AlertBanner from './components/AlertBanner';
|
|||
import MessageDialog, { MessageAttributes } from 'components/MessageDialog';
|
||||
import { useDropzone } from 'react-dropzone';
|
||||
import EnteSpinner from 'components/EnteSpinner';
|
||||
import CollectionNamer from './components/CollectionNamer';
|
||||
import CollectionSelector from './components/CollectionSelector';
|
||||
import CollectionNamer, {
|
||||
CollectionNamerAttributes,
|
||||
} from './components/CollectionNamer';
|
||||
import CollectionSelector, {
|
||||
CollectionSelectorAttributes,
|
||||
} from './components/CollectionSelector';
|
||||
import { LoadingOverlay } from 'components/LoadingOverlay';
|
||||
const DATE_CONTAINER_HEIGHT = 45;
|
||||
const IMAGE_CONTAINER_HEIGHT = 200;
|
||||
|
@ -147,20 +151,7 @@ export type selectedState = {
|
|||
count: number;
|
||||
};
|
||||
|
||||
export interface CollectionSelectorAttributes {
|
||||
callback: (collection) => Promise<void>;
|
||||
showNextModal: () => void;
|
||||
title: string;
|
||||
}
|
||||
|
||||
export interface CollectionNamerAttributes {
|
||||
callback: (name) => Promise<void>;
|
||||
title: string;
|
||||
autoFilledName: string;
|
||||
buttonText: string;
|
||||
}
|
||||
|
||||
export default function Gallery(props: Props) {
|
||||
export default function Gallery() {
|
||||
const router = useRouter();
|
||||
const [collections, setCollections] = useState<Collection[]>([]);
|
||||
const [
|
||||
|
|
Loading…
Reference in a new issue