mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2024-12-24 09:58:21 +03:00
63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import { FC, useMemo } from 'react';
|
|
import { SelectedServer } from '../servers/data';
|
|
import { Settings, ShortUrlCreationSettings } from '../settings/reducers/settings';
|
|
import { ShortUrlData } from './data';
|
|
import { ShortUrlCreation } from './reducers/shortUrlCreation';
|
|
import { CreateShortUrlResultProps } from './helpers/CreateShortUrlResult';
|
|
import { ShortUrlFormProps } from './ShortUrlForm';
|
|
|
|
export interface CreateShortUrlProps {
|
|
basicMode?: boolean;
|
|
}
|
|
|
|
interface CreateShortUrlConnectProps extends CreateShortUrlProps {
|
|
settings: Settings;
|
|
shortUrlCreationResult: ShortUrlCreation;
|
|
selectedServer: SelectedServer;
|
|
createShortUrl: (data: ShortUrlData) => Promise<void>;
|
|
resetCreateShortUrl: () => void;
|
|
}
|
|
|
|
const getInitialState = (settings?: ShortUrlCreationSettings): ShortUrlData => ({
|
|
longUrl: '',
|
|
tags: [],
|
|
customSlug: '',
|
|
title: undefined,
|
|
shortCodeLength: undefined,
|
|
domain: '',
|
|
validSince: undefined,
|
|
validUntil: undefined,
|
|
maxVisits: undefined,
|
|
findIfExists: false,
|
|
validateUrl: settings?.validateUrls ?? false,
|
|
});
|
|
|
|
const CreateShortUrl = (ShortUrlForm: FC<ShortUrlFormProps>, CreateShortUrlResult: FC<CreateShortUrlResultProps>) => ({
|
|
createShortUrl,
|
|
shortUrlCreationResult,
|
|
resetCreateShortUrl,
|
|
selectedServer,
|
|
basicMode = false,
|
|
settings: { shortUrlCreation: shortUrlCreationSettings },
|
|
}: CreateShortUrlConnectProps) => {
|
|
const initialState = useMemo(() => getInitialState(shortUrlCreationSettings), [ shortUrlCreationSettings ]);
|
|
|
|
return (
|
|
<>
|
|
<ShortUrlForm
|
|
initialState={initialState}
|
|
saving={shortUrlCreationResult.saving}
|
|
selectedServer={selectedServer}
|
|
mode={basicMode ? 'create-basic' : 'create'}
|
|
onSave={createShortUrl}
|
|
/>
|
|
<CreateShortUrlResult
|
|
{...shortUrlCreationResult}
|
|
resetCreateShortUrl={resetCreateShortUrl}
|
|
canBeClosed={basicMode}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default CreateShortUrl;
|