forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-04-13 10:06:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Created EditDomainRedirectsModal test

Browse Source
This commit is contained in:
Alejandro Celaya
2021-08-23 19:12:41 +02:00
parent 13785c7beb
commit 74ac122787
4 changed files with 91 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/servers/helpers/ServerForm.tsx
View File

@@ -1,5 +1,5 @@
import { FC, ReactNode, useEffect, useState } from 'react';
import { FormGroupContainer } from '../../utils/FormGroupContainer';
import { FormGroupContainer, FormGroupContainerProps } from '../../utils/FormGroupContainer';
import { handleEventPreventingDefault } from '../../utils/utils';
import { ServerData } from '../data';
import { SimpleCard } from '../../utils/SimpleCard';
@@ -11,6 +11,9 @@ interface ServerFormProps {
title?: ReactNode;
}
const FormGroup: FC<FormGroupContainerProps> = (props) =>
<FormGroupContainer {...props} labelClassName="create-server__label" />;
export const ServerForm: FC<ServerFormProps> = ({ onSubmit, initialValues, children, title }) => {
const [ name, setName ] = useState('');
const [ url, setUrl ] = useState('');
@@ -26,15 +29,9 @@ export const ServerForm: FC<ServerFormProps> = ({ onSubmit, initialValues, child
return (
<form className="server-form" onSubmit={handleSubmit}>
<SimpleCard className="mb-3" title={title}>
<FormGroupContainer labelClassName="create-server__label" value={name} onChange={setName}>
Name
</FormGroupContainer>
<FormGroupContainer labelClassName="create-server__label" type="url" value={url} onChange={setUrl}>
URL
</FormGroupContainer>
<FormGroupContainer labelClassName="create-server__label" value={apiKey} onChange={setApiKey}>API
key
</FormGroupContainer>
<FormGroup value={name} onChange={setName}>Name</FormGroup>
<FormGroup type="url" value={url} onChange={setUrl}>URL</FormGroup>
<FormGroup value={apiKey} onChange={setApiKey}>APIkey</FormGroup>
</SimpleCard>
<div className="text-right">{children}</div>