shlinkio/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-12-11 02:09:53 -06:00
Code Issues Packages Projects Releases 67 Wiki Activity

Memoized initial state for editing short URL, to ensure the form values are not reset while saving

Browse Source
This commit is contained in:
Alejandro Celaya 2021-03-27 18:56:24 +01:00
parent 56aab349db
commit 8c7a91c7b8
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/short-urls/EditShortUrl.tsx
View File

@ -1,4 +1,4 @@
import { FC, useEffect } from 'react'; import { FC, useEffect, useMemo } from 'react';
import { RouteComponentProps } from 'react-router'; import { RouteComponentProps } from 'react-router';
import { Button, Card } from 'reactstrap'; import { Button, Card } from 'reactstrap';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@ -58,6 +58,10 @@ export const EditShortUrl = (ShortUrlForm: FC<ShortUrlFormProps>) => ({
const { loading, error, errorData, shortUrl } = shortUrlDetail; const { loading, error, errorData, shortUrl } = shortUrlDetail;
const { saving, error: savingError, errorData: savingErrorData } = shortUrlEdition; const { saving, error: savingError, errorData: savingErrorData } = shortUrlEdition;
const { domain } = parseQuery<{ domain?: string }>(search); const { domain } = parseQuery<{ domain?: string }>(search);
const initialState = useMemo(
() => getInitialState(shortUrl, shortUrlCreationSettings),
[ shortUrl, shortUrlCreationSettings ],
);
useEffect(() => { useEffect(() => {
getShortUrlDetail(params.shortCode, domain); getShortUrlDetail(params.shortCode, domain);
@ -91,7 +95,7 @@ export const EditShortUrl = (ShortUrlForm: FC<ShortUrlFormProps>) => ({
</Card> </Card>
</header> </header>
<ShortUrlForm <ShortUrlForm
initialState={getInitialState(shortUrl, shortUrlCreationSettings)} initialState={initialState}
saving={saving} saving={saving}
selectedServer={selectedServer} selectedServer={selectedServer}
mode="edit" mode="edit"