aiden
/
ctk
mirror of https://github.com/ctk-hq/ctk
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: markup and close volume modal on create

Browse Source
pull/77/head
corpulent 3 years ago
parent 976553824a
commit 6ab4f321f7
1 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File

52
services/frontend/src/components/Modal/volume/CreateVolumeModal.tsx
Unescape Escape View File

@ -26,6 +26,7 @@ const CreateVolumeModal = (props: ICreateVolumeModalProps) => {
const handleCreate = useCallback((values: any, formik: any) => { const handleCreate = useCallback((values: any, formik: any) => {
onAddEndpoint(getFinalValues(values)); onAddEndpoint(getFinalValues(values));
formik.resetForm(); formik.resetForm();
onHide();
}, []); }, []);
const initialValues = useMemo(() => getInitialValues(), []); const initialValues = useMemo(() => getInitialValues(), []);
@ -59,31 +60,32 @@ const CreateVolumeModal = (props: ICreateVolumeModalProps) => {
> >
{(formik) => ( {(formik) => (
<> <>
<div className="hidden sm:block"> <div className="border-b border-gray-200 px-4 md:px-8">
<div className="border-b border-gray-200 px-8"> <nav
<nav className="-mb-px flex space-x-8" aria-label="Tabs"> className="-mb-px flex space-x-4 md:space-x-8"
{tabs.map((tab) => ( aria-label="Tabs"
<a >
key={tab.name} {tabs.map((tab) => (
href={tab.href} <a
className={classNames( key={tab.name}
tab.name === openTab href={tab.href}
? "border-indigo-500 text-indigo-600" className={classNames(
: "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300", tab.name === openTab
"whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm", ? "border-indigo-500 text-indigo-600"
tab.hidden ? "hidden" : "" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300",
)} "whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm",
aria-current={tab.current ? "page" : undefined} tab.hidden ? "hidden" : ""
onClick={(e) => { )}
e.preventDefault(); aria-current={tab.current ? "page" : undefined}
setOpenTab(tab.name); onClick={(e) => {
}} e.preventDefault();
> setOpenTab(tab.name);
{tab.name} }}
</a> >
))} {tab.name}
</nav> </a>
</div> ))}
</nav>
</div> </div>
<div className="relative px-4 py-3 flex-auto"> <div className="relative px-4 py-3 flex-auto">

Write Preview
Loading…
Cancel
Save