mirror of https://github.com/ctk-hq/ctk
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1008 B
TypeScript
48 lines
1008 B
TypeScript
import { styled } from "@mui/material";
|
|
import Records from "../../../Records";
|
|
|
|
const Root = styled("div")`
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: ${({ theme }) => theme.spacing(1)};
|
|
@media (max-width: 640px) {
|
|
row-gap: 0;
|
|
}
|
|
`;
|
|
|
|
const Volumes = () => {
|
|
return (
|
|
<Root>
|
|
<Records
|
|
name="volumes"
|
|
title="Volumes"
|
|
fields={(index: number) => [
|
|
{
|
|
name: `volumes[${index}].name`,
|
|
placeholder: "Name",
|
|
required: true,
|
|
type: "text"
|
|
},
|
|
{
|
|
name: `volumes[${index}].containerPath`,
|
|
placeholder: "Container path",
|
|
type: "text"
|
|
},
|
|
{
|
|
name: `volumes[${index}].accessMode`,
|
|
placeholder: "Access mode",
|
|
type: "text"
|
|
}
|
|
]}
|
|
newValue={{
|
|
name: "",
|
|
containerPath: "",
|
|
accessMode: ""
|
|
}}
|
|
/>
|
|
</Root>
|
|
);
|
|
};
|
|
|
|
export default Volumes;
|