Skip to content

Commit

Permalink
Add support for duplicating models and fields
Browse files Browse the repository at this point in the history
  • Loading branch information
@albingroen
albingroen committed Jan 17, 2023
1 parent 8b01725 commit cf1fe81
Showing 1 changed file with 89 additions and 19 deletions.
108 changes: 89 additions & 19 deletions pages/schemas/[schemaId]/models/[id]/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
MoreVertical,
Trash2,
Menu as MenuIcon,
Copy,
} from "react-feather";
import { TYPES } from "../../../../../lib/fields";
import { prismaTypesToIcons } from "../../../../../lib/icons";
Expand Down Expand Up @@ -169,10 +170,39 @@ const Model = () => {
});
push(`/schemas/${schema.name}`);
}

if (key === "duplicate") {
const duplicatedModelName = `${model.name} copy`;

if (
schema.models.some(
(m) => m.name === duplicatedModelName
)
) {
toast.error("A model with this name already exists");
return;
}

setSchema({
...schema,
models: [
...schema.models,
{
...model,
name: duplicatedModelName,
},
],
});
push(`/schemas/${schema.name}/models/${Number(id) + 1}`);
}
}}
anchor="right"
title="Actions"
>
<Menu.Option key="duplicate">
<span>Duplicate model</span>
</Menu.Option>

<Menu.Option key="delete">
<span className="text-red-400">Delete model</span>
</Menu.Option>
Expand Down Expand Up @@ -288,25 +318,65 @@ const Model = () => {
</div>
</div>

<div
role="button"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();

updateModel({
fields: model.fields.filter(
(f: Field) => f.name !== field.name
),
});
}}
aria-label="Delete field"
className="px-4"
>
<Trash2
className="text-red-400 hover:text-red-600 transition"
size={20}
/>
<div className="flex items-center">
<div
role="button"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();

const duplicatedFieldName = `${field.name} copy`;

if (
model.fields.some(
(f) => f.name === duplicatedFieldName
)
) {
toast.error(
"Field with this name already exists"
);
return;
}

updateModel({
fields: [
...model.fields,
{
...field,
name: duplicatedFieldName,
},
],
});
}}
title="Duplicate field"
className="pl-4 pr-2"
>
<Copy
className="text-gray-600 hover:text-gray-900 transition"
size={20}
/>
</div>

<div
role="button"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();

updateModel({
fields: model.fields.filter(
(f: Field) => f.name !== field.name
),
});
}}
title="Delete field"
className="px-4"
>
<Trash2
className="text-red-400 hover:text-red-600 transition"
size={20}
/>
</div>
</div>
</button>
)}
Expand Down

1 comment on commit cf1fe81

@vercel
Copy link

@vercel vercel bot commented on cf1fe81 Jan 17, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

prismabuilder-io – ./

prismabuilder.io
prismabuilder-io-git-main-albingroen1.vercel.app
www.prismabuilder.io
prismabuilder-io.vercel.app
prismabuilder-io-albingroen1.vercel.app

Please sign in to comment.