Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 01998b3413 | |||
| 4750390368 |
@@ -0,0 +1,37 @@
|
|||||||
|
/*
|
||||||
|
Warnings:
|
||||||
|
|
||||||
|
- You are about to drop the `HealthCheckCategory` table. If the table is not empty, all the data it contains will be lost.
|
||||||
|
- You are about to drop the `HealthPackage` table. If the table is not empty, all the data it contains will be lost.
|
||||||
|
- You are about to drop the `HealthPackageInquiry` table. If the table is not empty, all the data it contains will be lost.
|
||||||
|
|
||||||
|
*/
|
||||||
|
-- DropForeignKey
|
||||||
|
ALTER TABLE "HealthPackage" DROP CONSTRAINT "HealthPackage_categoryId_fkey";
|
||||||
|
|
||||||
|
-- DropForeignKey
|
||||||
|
ALTER TABLE "HealthPackageInquiry" DROP CONSTRAINT "HealthPackageInquiry_packageId_fkey";
|
||||||
|
|
||||||
|
-- DropTable
|
||||||
|
DROP TABLE "HealthCheckCategory";
|
||||||
|
|
||||||
|
-- DropTable
|
||||||
|
DROP TABLE "HealthPackage";
|
||||||
|
|
||||||
|
-- DropTable
|
||||||
|
DROP TABLE "HealthPackageInquiry";
|
||||||
|
|
||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "DoctorSpecialization" (
|
||||||
|
"id" SERIAL NOT NULL,
|
||||||
|
"name" TEXT NOT NULL,
|
||||||
|
"description" TEXT,
|
||||||
|
"doctorId" INTEGER NOT NULL,
|
||||||
|
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
"updatedAt" TIMESTAMP(3) NOT NULL,
|
||||||
|
|
||||||
|
CONSTRAINT "DoctorSpecialization_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- AddForeignKey
|
||||||
|
ALTER TABLE "DoctorSpecialization" ADD CONSTRAINT "DoctorSpecialization_doctorId_fkey" FOREIGN KEY ("doctorId") REFERENCES "Doctor"("id") ON DELETE CASCADE ON UPDATE CASCADE;
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
-- AlterTable
|
||||||
|
ALTER TABLE "Doctor" ADD COLUMN "professionalSummary" TEXT;
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
-- AlterTable
|
||||||
|
ALTER TABLE "Doctor" ADD COLUMN "experience" INTEGER,
|
||||||
|
ADD COLUMN "focusKeyphrase" TEXT,
|
||||||
|
ADD COLUMN "metaDescription" TEXT,
|
||||||
|
ADD COLUMN "seoTitle" TEXT,
|
||||||
|
ADD COLUMN "slug" TEXT,
|
||||||
|
ADD COLUMN "tags" TEXT[];
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
-- AlterTable
|
||||||
|
ALTER TABLE "Doctor" ADD COLUMN "ogDescription" TEXT,
|
||||||
|
ADD COLUMN "ogImage" TEXT,
|
||||||
|
ADD COLUMN "ogTitle" TEXT;
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "Seo" (
|
||||||
|
"id" SERIAL NOT NULL,
|
||||||
|
"seoTitle" TEXT,
|
||||||
|
"metaDescription" TEXT,
|
||||||
|
"focusKeyphrase" TEXT,
|
||||||
|
"slug" TEXT,
|
||||||
|
"tags" TEXT[],
|
||||||
|
"ogTitle" TEXT,
|
||||||
|
"ogDescription" TEXT,
|
||||||
|
"ogImage" TEXT,
|
||||||
|
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
"updatedAt" TIMESTAMP(3) NOT NULL,
|
||||||
|
|
||||||
|
CONSTRAINT "Seo_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "Seo_slug_key" ON "Seo"("slug");
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
/*
|
||||||
|
Warnings:
|
||||||
|
|
||||||
|
- You are about to drop the column `focusKeyphrase` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- You are about to drop the column `metaDescription` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- You are about to drop the column `ogDescription` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- You are about to drop the column `ogImage` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- You are about to drop the column `ogTitle` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- You are about to drop the column `seoTitle` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- You are about to drop the column `slug` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- You are about to drop the column `tags` on the `Doctor` table. All the data in the column will be lost.
|
||||||
|
- A unique constraint covering the columns `[seoId]` on the table `Doctor` will be added. If there are existing duplicate values, this will fail.
|
||||||
|
|
||||||
|
*/
|
||||||
|
-- AlterTable
|
||||||
|
ALTER TABLE "Doctor" DROP COLUMN "focusKeyphrase",
|
||||||
|
DROP COLUMN "metaDescription",
|
||||||
|
DROP COLUMN "ogDescription",
|
||||||
|
DROP COLUMN "ogImage",
|
||||||
|
DROP COLUMN "ogTitle",
|
||||||
|
DROP COLUMN "seoTitle",
|
||||||
|
DROP COLUMN "slug",
|
||||||
|
DROP COLUMN "tags",
|
||||||
|
ADD COLUMN "seoId" INTEGER;
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "Doctor_seoId_key" ON "Doctor"("seoId");
|
||||||
|
|
||||||
|
-- AddForeignKey
|
||||||
|
ALTER TABLE "Doctor" ADD CONSTRAINT "Doctor_seoId_fkey" FOREIGN KEY ("seoId") REFERENCES "Seo"("id") ON DELETE SET NULL ON UPDATE CASCADE;
|
||||||
@@ -0,0 +1,66 @@
|
|||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "HealthCheckCategory" (
|
||||||
|
"id" SERIAL NOT NULL,
|
||||||
|
"name" TEXT NOT NULL,
|
||||||
|
"slug" TEXT,
|
||||||
|
"description" TEXT,
|
||||||
|
"isActive" BOOLEAN NOT NULL DEFAULT true,
|
||||||
|
"sortOrder" INTEGER NOT NULL DEFAULT 1000,
|
||||||
|
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
"updatedAt" TIMESTAMP(3) NOT NULL,
|
||||||
|
|
||||||
|
CONSTRAINT "HealthCheckCategory_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "HealthPackage" (
|
||||||
|
"id" SERIAL NOT NULL,
|
||||||
|
"name" TEXT NOT NULL,
|
||||||
|
"slug" TEXT NOT NULL,
|
||||||
|
"description" TEXT,
|
||||||
|
"price" DECIMAL(10,2),
|
||||||
|
"image" TEXT,
|
||||||
|
"discountedPrice" DECIMAL(10,2),
|
||||||
|
"inclusions" JSONB NOT NULL DEFAULT '{}',
|
||||||
|
"isActive" BOOLEAN NOT NULL DEFAULT true,
|
||||||
|
"isFeatured" BOOLEAN NOT NULL DEFAULT false,
|
||||||
|
"sortOrder" INTEGER NOT NULL DEFAULT 1000,
|
||||||
|
"categoryId" INTEGER NOT NULL,
|
||||||
|
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
"updatedAt" TIMESTAMP(3) NOT NULL,
|
||||||
|
|
||||||
|
CONSTRAINT "HealthPackage_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "HealthPackageInquiry" (
|
||||||
|
"id" SERIAL NOT NULL,
|
||||||
|
"fullName" TEXT NOT NULL,
|
||||||
|
"mobileNumber" TEXT NOT NULL,
|
||||||
|
"email" TEXT,
|
||||||
|
"age" INTEGER,
|
||||||
|
"gender" TEXT,
|
||||||
|
"preferredDate" TIMESTAMP(3),
|
||||||
|
"message" TEXT,
|
||||||
|
"packageId" INTEGER NOT NULL,
|
||||||
|
"status" TEXT NOT NULL DEFAULT 'pending',
|
||||||
|
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
"updatedAt" TIMESTAMP(3) NOT NULL,
|
||||||
|
|
||||||
|
CONSTRAINT "HealthPackageInquiry_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "HealthCheckCategory_name_key" ON "HealthCheckCategory"("name");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "HealthCheckCategory_slug_key" ON "HealthCheckCategory"("slug");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "HealthPackage_slug_key" ON "HealthPackage"("slug");
|
||||||
|
|
||||||
|
-- AddForeignKey
|
||||||
|
ALTER TABLE "HealthPackage" ADD CONSTRAINT "HealthPackage_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "HealthCheckCategory"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||||
|
|
||||||
|
-- AddForeignKey
|
||||||
|
ALTER TABLE "HealthPackageInquiry" ADD CONSTRAINT "HealthPackageInquiry_packageId_fkey" FOREIGN KEY ("packageId") REFERENCES "HealthPackage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||||
@@ -1,50 +0,0 @@
|
|||||||
/*
|
|
||||||
Warnings:
|
|
||||||
|
|
||||||
- A unique constraint covering the columns `[seoId]` on the table `Doctor` will be added. If there are existing duplicate values, this will fail.
|
|
||||||
|
|
||||||
*/
|
|
||||||
-- AlterTable
|
|
||||||
ALTER TABLE "Doctor" ADD COLUMN "professionalSummary" TEXT,
|
|
||||||
ADD COLUMN "seoId" INTEGER;
|
|
||||||
|
|
||||||
-- CreateTable
|
|
||||||
CREATE TABLE "DoctorSpecialization" (
|
|
||||||
"id" SERIAL NOT NULL,
|
|
||||||
"name" TEXT NOT NULL,
|
|
||||||
"description" TEXT,
|
|
||||||
"doctorId" INTEGER NOT NULL,
|
|
||||||
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
|
||||||
"updatedAt" TIMESTAMP(3) NOT NULL,
|
|
||||||
|
|
||||||
CONSTRAINT "DoctorSpecialization_pkey" PRIMARY KEY ("id")
|
|
||||||
);
|
|
||||||
|
|
||||||
-- CreateTable
|
|
||||||
CREATE TABLE "Seo" (
|
|
||||||
"id" SERIAL NOT NULL,
|
|
||||||
"seoTitle" TEXT,
|
|
||||||
"metaDescription" TEXT,
|
|
||||||
"focusKeyphrase" TEXT,
|
|
||||||
"slug" TEXT,
|
|
||||||
"tags" TEXT[],
|
|
||||||
"ogTitle" TEXT,
|
|
||||||
"ogDescription" TEXT,
|
|
||||||
"ogImage" TEXT,
|
|
||||||
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
|
||||||
"updatedAt" TIMESTAMP(3) NOT NULL,
|
|
||||||
|
|
||||||
CONSTRAINT "Seo_pkey" PRIMARY KEY ("id")
|
|
||||||
);
|
|
||||||
|
|
||||||
-- CreateIndex
|
|
||||||
CREATE UNIQUE INDEX "Seo_slug_key" ON "Seo"("slug");
|
|
||||||
|
|
||||||
-- CreateIndex
|
|
||||||
CREATE UNIQUE INDEX "Doctor_seoId_key" ON "Doctor"("seoId");
|
|
||||||
|
|
||||||
-- AddForeignKey
|
|
||||||
ALTER TABLE "Doctor" ADD CONSTRAINT "Doctor_seoId_fkey" FOREIGN KEY ("seoId") REFERENCES "Seo"("id") ON DELETE SET NULL ON UPDATE CASCADE;
|
|
||||||
|
|
||||||
-- AddForeignKey
|
|
||||||
ALTER TABLE "DoctorSpecialization" ADD CONSTRAINT "DoctorSpecialization_doctorId_fkey" FOREIGN KEY ("doctorId") REFERENCES "Doctor"("id") ON DELETE CASCADE ON UPDATE CASCADE;
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
-- AlterTable
|
|
||||||
ALTER TABLE "Doctor" ADD COLUMN "experience" INTEGER;
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
/*
|
|
||||||
Warnings:
|
|
||||||
|
|
||||||
- A unique constraint covering the columns `[seoId]` on the table `HealthPackage` will be added. If there are existing duplicate values, this will fail.
|
|
||||||
|
|
||||||
*/
|
|
||||||
-- AlterTable
|
|
||||||
ALTER TABLE "HealthPackage" ADD COLUMN "seoId" INTEGER;
|
|
||||||
|
|
||||||
-- CreateIndex
|
|
||||||
CREATE UNIQUE INDEX "HealthPackage_seoId_key" ON "HealthPackage"("seoId");
|
|
||||||
|
|
||||||
-- AddForeignKey
|
|
||||||
ALTER TABLE "HealthPackage" ADD CONSTRAINT "HealthPackage_seoId_fkey" FOREIGN KEY ("seoId") REFERENCES "Seo"("id") ON DELETE SET NULL ON UPDATE CASCADE;
|
|
||||||
@@ -28,13 +28,12 @@ model Doctor {
|
|||||||
qualification String?
|
qualification String?
|
||||||
isActive Boolean @default(true)
|
isActive Boolean @default(true)
|
||||||
globalSortOrder Int @default(1000)
|
globalSortOrder Int @default(1000)
|
||||||
|
departments DoctorDepartment[]
|
||||||
|
appointments Appointment[]
|
||||||
specializations DoctorSpecialization[]
|
specializations DoctorSpecialization[]
|
||||||
professionalSummary String? @db.Text
|
professionalSummary String? @db.Text
|
||||||
seoId Int? @unique
|
seoId Int? @unique
|
||||||
seo Seo? @relation(fields: [seoId], references: [id])
|
seo Seo? @relation(fields: [seoId], references: [id])
|
||||||
departments DoctorDepartment[]
|
|
||||||
appointments Appointment[]
|
|
||||||
|
|
||||||
createdAt DateTime @default(now())
|
createdAt DateTime @default(now())
|
||||||
updatedAt DateTime @updatedAt
|
updatedAt DateTime @updatedAt
|
||||||
}
|
}
|
||||||
@@ -224,7 +223,6 @@ model NewsImage {
|
|||||||
|
|
||||||
createdAt DateTime @default(now())
|
createdAt DateTime @default(now())
|
||||||
}
|
}
|
||||||
|
|
||||||
model HealthCheckCategory {
|
model HealthCheckCategory {
|
||||||
id Int @id @default(autoincrement())
|
id Int @id @default(autoincrement())
|
||||||
name String @unique
|
name String @unique
|
||||||
@@ -259,9 +257,6 @@ model HealthPackage {
|
|||||||
|
|
||||||
inquiries HealthPackageInquiry[]
|
inquiries HealthPackageInquiry[]
|
||||||
|
|
||||||
seoId Int? @unique
|
|
||||||
seo Seo? @relation(fields: [seoId], references: [id])
|
|
||||||
|
|
||||||
createdAt DateTime @default(now())
|
createdAt DateTime @default(now())
|
||||||
updatedAt DateTime @updatedAt
|
updatedAt DateTime @updatedAt
|
||||||
}
|
}
|
||||||
@@ -283,8 +278,6 @@ model HealthPackageInquiry {
|
|||||||
createdAt DateTime @default(now())
|
createdAt DateTime @default(now())
|
||||||
updatedAt DateTime @updatedAt
|
updatedAt DateTime @updatedAt
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
model DoctorSpecialization {
|
model DoctorSpecialization {
|
||||||
id Int @id @default(autoincrement())
|
id Int @id @default(autoincrement())
|
||||||
name String
|
name String
|
||||||
@@ -297,9 +290,7 @@ model DoctorSpecialization {
|
|||||||
|
|
||||||
model Seo {
|
model Seo {
|
||||||
id Int @id @default(autoincrement())
|
id Int @id @default(autoincrement())
|
||||||
doctor Doctor?
|
doctor Doctor?
|
||||||
healthPackage HealthPackage?
|
|
||||||
|
|
||||||
|
|
||||||
seoTitle String?
|
seoTitle String?
|
||||||
metaDescription String? @db.Text
|
metaDescription String? @db.Text
|
||||||
|
|||||||
@@ -189,15 +189,7 @@ export const getDoctorsByDepartmentId = async (req, res) => {
|
|||||||
doctor: {isActive: true},
|
doctor: {isActive: true},
|
||||||
},
|
},
|
||||||
include: {
|
include: {
|
||||||
doctor: {
|
doctor: true,
|
||||||
include: {
|
|
||||||
seo: {
|
|
||||||
select: {
|
|
||||||
slug: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
orderBy: {sortOrder: "asc"},
|
orderBy: {sortOrder: "asc"},
|
||||||
});
|
});
|
||||||
@@ -208,7 +200,6 @@ export const getDoctorsByDepartmentId = async (req, res) => {
|
|||||||
image: d.doctor.image ?? "",
|
image: d.doctor.image ?? "",
|
||||||
designation: d.doctor.designation,
|
designation: d.doctor.designation,
|
||||||
hierarchyOrder: d.sortOrder,
|
hierarchyOrder: d.sortOrder,
|
||||||
slug: d.doctor.seo?.slug ?? "",
|
|
||||||
}));
|
}));
|
||||||
|
|
||||||
res.status(200).json({
|
res.status(200).json({
|
||||||
@@ -249,22 +240,6 @@ export const createDoctor = async (req, res) => {
|
|||||||
ogDescription,
|
ogDescription,
|
||||||
ogImage,
|
ogImage,
|
||||||
} = req.body;
|
} = req.body;
|
||||||
const messages = [];
|
|
||||||
|
|
||||||
if (!doctorId) messages.push("Doctor ID is required");
|
|
||||||
if (!name?.trim()) messages.push("Doctor name is required");
|
|
||||||
if (!designation?.trim()) messages.push("Designation is required");
|
|
||||||
if (!qualification?.trim()) messages.push("Qualification is required");
|
|
||||||
if (!departments || departments.length === 0) {
|
|
||||||
messages.push("At least one department is required");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (messages.length > 0) {
|
|
||||||
return res.status(400).json({
|
|
||||||
success: false,
|
|
||||||
message: messages.join(", "),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
const seo = await prisma.seo.create({
|
const seo = await prisma.seo.create({
|
||||||
data: {
|
data: {
|
||||||
seoTitle,
|
seoTitle,
|
||||||
@@ -349,7 +324,7 @@ export const createDoctor = async (req, res) => {
|
|||||||
//update doctors
|
//update doctors
|
||||||
export const updateDoctor = async (req, res) => {
|
export const updateDoctor = async (req, res) => {
|
||||||
try {
|
try {
|
||||||
const {doctorId, action} = req.params;
|
const {doctorId} = req.params;
|
||||||
const {
|
const {
|
||||||
name,
|
name,
|
||||||
designation,
|
designation,
|
||||||
@@ -363,58 +338,17 @@ export const updateDoctor = async (req, res) => {
|
|||||||
professionalSummary,
|
professionalSummary,
|
||||||
seoTitle,
|
seoTitle,
|
||||||
metaDescription,
|
metaDescription,
|
||||||
ogTitle,
|
|
||||||
ogDescription,
|
|
||||||
focusKeyphrase,
|
focusKeyphrase,
|
||||||
slug,
|
slug,
|
||||||
tags,
|
tags,
|
||||||
ogImage,
|
|
||||||
specializations,
|
specializations,
|
||||||
} = req.body;
|
} = req.body;
|
||||||
|
|
||||||
if (!doctorId) {
|
|
||||||
return res.status(400).json({
|
|
||||||
success: false,
|
|
||||||
message: "Doctor ID is required",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
const doctor = await prisma.doctor.findUnique({where: {doctorId}});
|
const doctor = await prisma.doctor.findUnique({where: {doctorId}});
|
||||||
if (!doctor)
|
if (!doctor)
|
||||||
return res
|
return res
|
||||||
.status(404)
|
.status(404)
|
||||||
.json({success: false, message: "Doctor not found"});
|
.json({success: false, message: "Doctor not found"});
|
||||||
if (action === "toggleStatus") {
|
|
||||||
await prisma.doctor.update({
|
|
||||||
where: {id: doctor.id},
|
|
||||||
data: {
|
|
||||||
isActive: !doctor.isActive,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
return res.status(200).json({
|
|
||||||
success: true,
|
|
||||||
message: `Doctor has been ${
|
|
||||||
doctor.isActive ? "deactivated" : "activated"
|
|
||||||
} successfully`,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const messages = [];
|
|
||||||
if (!doctorId) messages.push("Doctor ID is required");
|
|
||||||
if (!name?.trim()) messages.push("Doctor name is required");
|
|
||||||
if (!qualification?.trim()) messages.push("Qualification is required");
|
|
||||||
if (!designation?.trim()) messages.push("Designation is required");
|
|
||||||
|
|
||||||
if (!departments || departments.length === 0) {
|
|
||||||
messages.push("At least one department is required");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (messages.length > 0) {
|
|
||||||
return res.status(400).json({
|
|
||||||
success: false,
|
|
||||||
message: messages.join(", "),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
await prisma.doctor.update({
|
await prisma.doctor.update({
|
||||||
where: {id: doctor.id},
|
where: {id: doctor.id},
|
||||||
@@ -431,7 +365,6 @@ export const updateDoctor = async (req, res) => {
|
|||||||
globalSortOrder !== undefined ? Number(globalSortOrder) : undefined,
|
globalSortOrder !== undefined ? Number(globalSortOrder) : undefined,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
if (doctor.seoId) {
|
if (doctor.seoId) {
|
||||||
await prisma.seo.update({
|
await prisma.seo.update({
|
||||||
where: {
|
where: {
|
||||||
@@ -440,9 +373,6 @@ export const updateDoctor = async (req, res) => {
|
|||||||
data: {
|
data: {
|
||||||
seoTitle,
|
seoTitle,
|
||||||
metaDescription,
|
metaDescription,
|
||||||
ogTitle,
|
|
||||||
ogDescription,
|
|
||||||
ogImage,
|
|
||||||
focusKeyphrase,
|
focusKeyphrase,
|
||||||
slug: slug ? slug : null,
|
slug: slug ? slug : null,
|
||||||
tags: tags || [],
|
tags: tags || [],
|
||||||
@@ -451,11 +381,8 @@ export const updateDoctor = async (req, res) => {
|
|||||||
} else {
|
} else {
|
||||||
const seo = await prisma.seo.create({
|
const seo = await prisma.seo.create({
|
||||||
data: {
|
data: {
|
||||||
ogImage,
|
|
||||||
metaDescription,
|
|
||||||
seoTitle,
|
seoTitle,
|
||||||
ogDescription,
|
metaDescription,
|
||||||
ogTitle,
|
|
||||||
focusKeyphrase,
|
focusKeyphrase,
|
||||||
slug: slug ? slug : null,
|
slug: slug ? slug : null,
|
||||||
tags: tags || [],
|
tags: tags || [],
|
||||||
@@ -472,66 +399,9 @@ export const updateDoctor = async (req, res) => {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Update Departments & Timings
|
const hasTimingData = departments?.some(
|
||||||
if (Array.isArray(departments)) {
|
(dep) => dep.timing && Object.keys(dep.timing).length > 0,
|
||||||
const oldRelations = await prisma.doctorDepartment.findMany({
|
);
|
||||||
where: {
|
|
||||||
doctorId: doctor.id,
|
|
||||||
},
|
|
||||||
include: {
|
|
||||||
timing: true,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
// Delete old timings
|
|
||||||
for (const rel of oldRelations) {
|
|
||||||
if (rel.timing) {
|
|
||||||
await prisma.doctorTiming.deleteMany({
|
|
||||||
where: {
|
|
||||||
doctorDepartmentId: rel.id,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Delete old departments
|
|
||||||
await prisma.doctorDepartment.deleteMany({
|
|
||||||
where: {
|
|
||||||
doctorId: doctor.id,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
// Recreate departments + timings
|
|
||||||
for (const dep of departments) {
|
|
||||||
const department = await prisma.department.findUnique({
|
|
||||||
where: {
|
|
||||||
departmentId: dep.departmentId,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!department) continue;
|
|
||||||
|
|
||||||
const doctorDepartment = await prisma.doctorDepartment.create({
|
|
||||||
data: {
|
|
||||||
doctorId: doctor.id,
|
|
||||||
departmentId: department.id,
|
|
||||||
sortOrder: dep.sortOrder !== undefined ? Number(dep.sortOrder) : 0,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
if (dep.timing && Object.keys(dep.timing).length > 0) {
|
|
||||||
const {id, doctorDepartmentId, createdAt, updatedAt, ...cleanTiming} =
|
|
||||||
dep.timing;
|
|
||||||
|
|
||||||
await prisma.doctorTiming.create({
|
|
||||||
data: {
|
|
||||||
doctorDepartmentId: doctorDepartment.id,
|
|
||||||
...cleanTiming,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update Specializations
|
// Update Specializations
|
||||||
if (Array.isArray(specializations)) {
|
if (Array.isArray(specializations)) {
|
||||||
@@ -554,6 +424,45 @@ export const updateDoctor = async (req, res) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (departments && Array.isArray(departments) && hasTimingData) {
|
||||||
|
const oldRelations = await prisma.doctorDepartment.findMany({
|
||||||
|
where: {doctorId: doctor.id},
|
||||||
|
});
|
||||||
|
|
||||||
|
for (const rel of oldRelations) {
|
||||||
|
await prisma.doctorTiming.deleteMany({
|
||||||
|
where: {doctorDepartmentId: rel.id},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
await prisma.doctorDepartment.deleteMany({
|
||||||
|
where: {doctorId: doctor.id},
|
||||||
|
});
|
||||||
|
|
||||||
|
for (const dep of departments) {
|
||||||
|
const targetDept = await prisma.department.findUnique({
|
||||||
|
where: {departmentId: dep.departmentId},
|
||||||
|
});
|
||||||
|
if (!targetDept) continue;
|
||||||
|
|
||||||
|
const newDD = await prisma.doctorDepartment.create({
|
||||||
|
data: {
|
||||||
|
doctorId: doctor.id,
|
||||||
|
departmentId: targetDept.id,
|
||||||
|
sortOrder: dep.sortOrder !== undefined ? Number(dep.sortOrder) : 0,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
if (dep.timing) {
|
||||||
|
const {id, doctorDepartmentId, createdAt, updatedAt, ...cleanTiming} =
|
||||||
|
dep.timing;
|
||||||
|
await prisma.doctorTiming.create({
|
||||||
|
data: {doctorDepartmentId: newDD.id, ...cleanTiming},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
res
|
res
|
||||||
.status(200)
|
.status(200)
|
||||||
.json({success: true, message: "Doctor updated successfully"});
|
.json({success: true, message: "Doctor updated successfully"});
|
||||||
|
|||||||
@@ -121,10 +121,7 @@ export const getAllPackages = async (req, res) => {
|
|||||||
categorySlug ? { category: { slug: categorySlug } } : {},
|
categorySlug ? { category: { slug: categorySlug } } : {},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
include: {
|
include: { category: true },
|
||||||
category: true,
|
|
||||||
seo: true,
|
|
||||||
},
|
|
||||||
orderBy: [{ sortOrder: "asc" }, { createdAt: "desc" }],
|
orderBy: [{ sortOrder: "asc" }, { createdAt: "desc" }],
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -151,7 +148,6 @@ export const createPackage = async (req, res) => {
|
|||||||
isActive,
|
isActive,
|
||||||
isFeatured,
|
isFeatured,
|
||||||
sortOrder,
|
sortOrder,
|
||||||
seo,
|
|
||||||
} = req.body;
|
} = req.body;
|
||||||
|
|
||||||
const healthPackage = await prisma.healthPackage.create({
|
const healthPackage = await prisma.healthPackage.create({
|
||||||
@@ -167,25 +163,6 @@ export const createPackage = async (req, res) => {
|
|||||||
isActive: isActive ?? true,
|
isActive: isActive ?? true,
|
||||||
isFeatured: isFeatured ?? false,
|
isFeatured: isFeatured ?? false,
|
||||||
sortOrder: sortOrder ? Number(sortOrder) : 1000,
|
sortOrder: sortOrder ? Number(sortOrder) : 1000,
|
||||||
|
|
||||||
...(seo && {
|
|
||||||
seo: {
|
|
||||||
create: {
|
|
||||||
seoTitle: seo.seoTitle,
|
|
||||||
metaDescription: seo.metaDescription,
|
|
||||||
focusKeyphrase: seo.focusKeyphrase,
|
|
||||||
slug: slug,
|
|
||||||
tags: seo.tags || [],
|
|
||||||
ogTitle: seo.ogTitle,
|
|
||||||
ogDescription: seo.ogDescription,
|
|
||||||
ogImage: seo.ogImage,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
},
|
|
||||||
include: {
|
|
||||||
category: true,
|
|
||||||
seo: true,
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -206,58 +183,13 @@ export const updatePackage = async (req, res) => {
|
|||||||
const data = { ...req.body };
|
const data = { ...req.body };
|
||||||
delete data.id;
|
delete data.id;
|
||||||
delete data.category;
|
delete data.category;
|
||||||
delete data.createdAt;
|
|
||||||
delete data.updatedAt;
|
|
||||||
delete data.seoId;
|
|
||||||
|
|
||||||
if (data.categoryId) data.categoryId = Number(data.categoryId);
|
if (data.categoryId) data.categoryId = Number(data.categoryId);
|
||||||
if (data.sortOrder) data.sortOrder = Number(data.sortOrder);
|
if (data.sortOrder) data.sortOrder = Number(data.sortOrder);
|
||||||
|
|
||||||
const existingPackage = await prisma.healthPackage.findUnique({
|
|
||||||
where: { id: Number(id) },
|
|
||||||
select: { slug: true },
|
|
||||||
});
|
|
||||||
const seoSlug = data.slug || existingPackage.slug;
|
|
||||||
|
|
||||||
const updated = await prisma.healthPackage.update({
|
const updated = await prisma.healthPackage.update({
|
||||||
where: { id: Number(id) },
|
where: { id: Number(id) },
|
||||||
|
data,
|
||||||
data: {
|
|
||||||
...data,
|
|
||||||
|
|
||||||
seo: data.seo
|
|
||||||
? {
|
|
||||||
upsert: {
|
|
||||||
create: {
|
|
||||||
seoTitle: data.seo.seoTitle,
|
|
||||||
metaDescription: data.seo.metaDescription,
|
|
||||||
focusKeyphrase: data.seo.focusKeyphrase,
|
|
||||||
slug: seoSlug,
|
|
||||||
tags: data.seo.tags || [],
|
|
||||||
ogTitle: data.seo.ogTitle,
|
|
||||||
ogDescription: data.seo.ogDescription,
|
|
||||||
ogImage: data.seo.ogImage,
|
|
||||||
},
|
|
||||||
|
|
||||||
update: {
|
|
||||||
seoTitle: data.seo.seoTitle,
|
|
||||||
metaDescription: data.seo.metaDescription,
|
|
||||||
focusKeyphrase: data.seo.focusKeyphrase,
|
|
||||||
slug: seoSlug,
|
|
||||||
tags: data.seo.tags || [],
|
|
||||||
ogTitle: data.seo.ogTitle,
|
|
||||||
ogDescription: data.seo.ogDescription,
|
|
||||||
ogImage: data.seo.ogImage,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
: undefined,
|
|
||||||
},
|
|
||||||
|
|
||||||
include: {
|
|
||||||
category: true,
|
|
||||||
seo: true,
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
|
||||||
return res
|
return res
|
||||||
@@ -272,21 +204,11 @@ export const updatePackage = async (req, res) => {
|
|||||||
export const deletePackage = async (req, res) => {
|
export const deletePackage = async (req, res) => {
|
||||||
try {
|
try {
|
||||||
const { id } = req.params;
|
const { id } = req.params;
|
||||||
|
await prisma.healthPackage.delete({ where: { id: Number(id) } });
|
||||||
await prisma.healthPackage.delete({
|
return res.status(200).json({ success: true, message: "Package deleted" });
|
||||||
where: { id: Number(id) },
|
|
||||||
});
|
|
||||||
|
|
||||||
return res.status(200).json({
|
|
||||||
success: true,
|
|
||||||
message: "Package deleted",
|
|
||||||
});
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
return res.status(500).json({
|
return res.status(500).json({ success: false, message: "Delete failed" });
|
||||||
success: false,
|
|
||||||
message: "Delete failed",
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -441,11 +363,7 @@ export const getPackageBySlug = async (req, res) => {
|
|||||||
const { slug } = req.params;
|
const { slug } = req.params;
|
||||||
const healthPackage = await prisma.healthPackage.findFirst({
|
const healthPackage = await prisma.healthPackage.findFirst({
|
||||||
where: { slug, isActive: true },
|
where: { slug, isActive: true },
|
||||||
|
include: { category: true },
|
||||||
include: {
|
|
||||||
category: true,
|
|
||||||
seo: true,
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!healthPackage) {
|
if (!healthPackage) {
|
||||||
@@ -454,10 +372,7 @@ export const getPackageBySlug = async (req, res) => {
|
|||||||
.json({ success: false, message: "Package not found" });
|
.json({ success: false, message: "Package not found" });
|
||||||
}
|
}
|
||||||
|
|
||||||
return res.status(200).json({
|
return res.status(200).json({ success: true, data: healthPackage });
|
||||||
success: true,
|
|
||||||
data: healthPackage,
|
|
||||||
});
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
return res
|
return res
|
||||||
@@ -499,9 +414,7 @@ export const getAllInquiries = async (req, res) => {
|
|||||||
take: queryLimit,
|
take: queryLimit,
|
||||||
include: {
|
include: {
|
||||||
healthPackage: {
|
healthPackage: {
|
||||||
include: {
|
include: { category: true },
|
||||||
category: true,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
orderBy: { createdAt: "desc" },
|
orderBy: { createdAt: "desc" },
|
||||||
|
|||||||
@@ -21,7 +21,7 @@ router.get("/getTimings/:doctorId", getDoctorTimingById);
|
|||||||
router.get("/:doctorId", getDoctorByDoctorId);
|
router.get("/:doctorId", getDoctorByDoctorId);
|
||||||
|
|
||||||
router.post("/", jwtAuthMiddleware, createDoctor);
|
router.post("/", jwtAuthMiddleware, createDoctor);
|
||||||
router.patch("/:doctorId/:action", jwtAuthMiddleware, updateDoctor);
|
router.patch("/:doctorId", jwtAuthMiddleware, updateDoctor);
|
||||||
router.delete("/:doctorId", jwtAuthMiddleware, deleteDoctor);
|
router.delete("/:doctorId", jwtAuthMiddleware, deleteDoctor);
|
||||||
|
|
||||||
export default router;
|
export default router;
|
||||||
|
|||||||
@@ -4,8 +4,10 @@ set -e # Exit immediately if a command exits with a non-zero status
|
|||||||
echo "Generating Prisma Client..."
|
echo "Generating Prisma Client..."
|
||||||
npx prisma generate
|
npx prisma generate
|
||||||
|
|
||||||
echo "Running migrate..."
|
# echo "Running migrate..."
|
||||||
npx prisma migrate deploy
|
# npx prisma migrate deploy
|
||||||
|
echo "Running PUSH..."
|
||||||
|
npx prisma db push
|
||||||
|
|
||||||
echo "Executing command: $@"
|
echo "Executing command: $@"
|
||||||
exec "$@"
|
exec "$@"
|
||||||
|
|||||||
@@ -53,10 +53,9 @@ export const createDoctorApi = async (data: Doctor) => {
|
|||||||
export const updateDoctorApi = async (
|
export const updateDoctorApi = async (
|
||||||
doctorId: string,
|
doctorId: string,
|
||||||
data: Partial<Doctor>,
|
data: Partial<Doctor>,
|
||||||
action: "toggleStatus" | "updateDetails" = "updateDetails",
|
|
||||||
) => {
|
) => {
|
||||||
try {
|
try {
|
||||||
const res = await apiClient.patch(`/doctors/${doctorId}/${action}`, data);
|
const res = await apiClient.patch(`/doctors/${doctorId}`, data);
|
||||||
|
|
||||||
toast.success("Doctor updated successfully");
|
toast.success("Doctor updated successfully");
|
||||||
|
|
||||||
|
|||||||
@@ -1,21 +1,12 @@
|
|||||||
import apiClient from "@/api/client";
|
import apiClient from "@/api/client";
|
||||||
import toast from "react-hot-toast";
|
import toast from "react-hot-toast";
|
||||||
|
|
||||||
export interface SeoData {
|
|
||||||
seoTitle?: string;
|
|
||||||
metaDescription?: string;
|
|
||||||
focusKeyphrase?: string;
|
|
||||||
tags?: string[];
|
|
||||||
ogTitle?: string;
|
|
||||||
ogDescription?: string;
|
|
||||||
ogImage?: string;
|
|
||||||
}
|
|
||||||
export interface HealthPackage {
|
export interface HealthPackage {
|
||||||
id?: number;
|
id?: number;
|
||||||
name: string;
|
name: string;
|
||||||
slug: string;
|
slug: string;
|
||||||
description?: string;
|
description?: string;
|
||||||
price?: number;
|
price: number;
|
||||||
image?: string;
|
image?: string;
|
||||||
discountedPrice?: number;
|
discountedPrice?: number;
|
||||||
inclusions: Record<string, string[]>;
|
inclusions: Record<string, string[]>;
|
||||||
@@ -23,7 +14,6 @@ export interface HealthPackage {
|
|||||||
isActive: boolean;
|
isActive: boolean;
|
||||||
isFeatured: boolean;
|
isFeatured: boolean;
|
||||||
sortOrder: number;
|
sortOrder: number;
|
||||||
seo?: SeoData | null;
|
|
||||||
category?: {
|
category?: {
|
||||||
name: string;
|
name: string;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -7,12 +7,11 @@ interface BytescaleUploaderProps {
|
|||||||
value: string;
|
value: string;
|
||||||
onChange: (url: string) => void;
|
onChange: (url: string) => void;
|
||||||
folderPath:
|
folderPath:
|
||||||
| "/health-packages"
|
|
||||||
| "/seo"
|
|
||||||
| "/doctors"
|
| "/doctors"
|
||||||
| "/departments"
|
| "/departments"
|
||||||
| "/news"
|
| "/news"
|
||||||
| "/blog"
|
| "/blog"
|
||||||
|
| "/health-packages"
|
||||||
| "/doctor-og";
|
| "/doctor-og";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,436 +0,0 @@
|
|||||||
import { BytescaleUploader } from "@/components/BytescaleUploader/BytescaleUploader";
|
|
||||||
import SeoFields from "@/components/SeoFields/SeoFields";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
|
|
||||||
import {
|
|
||||||
Dialog,
|
|
||||||
DialogContent,
|
|
||||||
DialogFooter,
|
|
||||||
DialogHeader,
|
|
||||||
DialogTitle,
|
|
||||||
} from "@/components/ui/dialog";
|
|
||||||
|
|
||||||
import { Input } from "@/components/ui/input";
|
|
||||||
import { Textarea } from "@/components/ui/textarea";
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import { Label } from "@/components/ui/label";
|
|
||||||
import { Badge } from "@/components/ui/badge";
|
|
||||||
import { Switch } from "@/components/ui/switch";
|
|
||||||
|
|
||||||
import {
|
|
||||||
Select,
|
|
||||||
SelectContent,
|
|
||||||
SelectItem,
|
|
||||||
SelectTrigger,
|
|
||||||
SelectValue,
|
|
||||||
} from "@/components/ui/select";
|
|
||||||
|
|
||||||
import {
|
|
||||||
Accordion,
|
|
||||||
AccordionContent,
|
|
||||||
AccordionItem,
|
|
||||||
AccordionTrigger,
|
|
||||||
} from "@/components/ui/accordion";
|
|
||||||
|
|
||||||
import { Plus, Trash2 } from "lucide-react";
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
open: boolean;
|
|
||||||
onOpenChange: (open: boolean) => void;
|
|
||||||
editingPackage: any;
|
|
||||||
pkgForm: any;
|
|
||||||
setPkgForm: any;
|
|
||||||
inclusionsList: any[];
|
|
||||||
setInclusionsList: any;
|
|
||||||
categories: any[];
|
|
||||||
onSave: () => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function HealthPackageModal({
|
|
||||||
open,
|
|
||||||
onOpenChange,
|
|
||||||
editingPackage,
|
|
||||||
pkgForm,
|
|
||||||
setPkgForm,
|
|
||||||
inclusionsList,
|
|
||||||
setInclusionsList,
|
|
||||||
categories,
|
|
||||||
onSave,
|
|
||||||
}: Props) {
|
|
||||||
useEffect(() => {
|
|
||||||
if (!editingPackage && pkgForm.name) {
|
|
||||||
setPkgForm((prev: any) => ({
|
|
||||||
...prev,
|
|
||||||
slug: prev.slug
|
|
||||||
? prev.slug
|
|
||||||
: pkgForm.name
|
|
||||||
.toLowerCase()
|
|
||||||
.replace(/[^a-z0-9]+/g, "-")
|
|
||||||
.replace(/(^-|-$)/g, ""),
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
}, [pkgForm.name]);
|
|
||||||
|
|
||||||
const handleAddInclusionField = () => {
|
|
||||||
setInclusionsList([
|
|
||||||
...inclusionsList,
|
|
||||||
{
|
|
||||||
id: Date.now(),
|
|
||||||
category: "",
|
|
||||||
items: "",
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleRemoveInclusionField = (id: number) => {
|
|
||||||
setInclusionsList(inclusionsList.filter((item) => item.id !== id));
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleUpdateInclusionField = (
|
|
||||||
id: number,
|
|
||||||
field: string,
|
|
||||||
value: string,
|
|
||||||
) => {
|
|
||||||
setInclusionsList(
|
|
||||||
inclusionsList.map((item) =>
|
|
||||||
item.id === id
|
|
||||||
? {
|
|
||||||
...item,
|
|
||||||
[field]: value,
|
|
||||||
}
|
|
||||||
: item,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
||||||
<DialogContent className="w-full !max-w-7xl h-[92vh] flex flex-col p-0 overflow-hidden">
|
|
||||||
<DialogHeader className="px-6 py-5 border-b bg-background sticky top-0 z-20">
|
|
||||||
<DialogTitle className="text-2xl font-bold">
|
|
||||||
{editingPackage ? "Edit Health Package" : "Create Health Package"}
|
|
||||||
</DialogTitle>
|
|
||||||
</DialogHeader>
|
|
||||||
|
|
||||||
<div className="flex-1 overflow-y-auto">
|
|
||||||
<div className="grid grid-cols-1 xl:grid-cols-[1.2fr_0.8fr] gap-8 p-6">
|
|
||||||
{/* LEFT COLUMN */}
|
|
||||||
<div className="space-y-8">
|
|
||||||
<div className="space-y-5">
|
|
||||||
<div className="sticky top-0 bg-background z-10 pb-2">
|
|
||||||
<h3 className="text-lg font-bold">Profile & Pricing</h3>
|
|
||||||
|
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
Main package information
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-5">
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">Package Image</Label>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
Recommended size: 650 × 250
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<BytescaleUploader
|
|
||||||
value={pkgForm.image || ""}
|
|
||||||
folderPath="/health-packages"
|
|
||||||
onChange={(url) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
image: url,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex items-center justify-between border rounded-xl p-4 bg-muted/30">
|
|
||||||
<div>
|
|
||||||
<p className="font-semibold">Active Visibility</p>
|
|
||||||
|
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
Show this package publicly
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Switch
|
|
||||||
checked={pkgForm.isActive}
|
|
||||||
onCheckedChange={(val) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
isActive: val,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">Package Name</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
value={pkgForm.name}
|
|
||||||
onChange={(e) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
name: e.target.value,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">URL Slug</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
value={pkgForm.slug}
|
|
||||||
onChange={(e) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
slug: e.target.value,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">Category</Label>
|
|
||||||
|
|
||||||
<Select
|
|
||||||
value={pkgForm.categoryId?.toString()}
|
|
||||||
onValueChange={(v) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
categoryId: Number(v),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<SelectTrigger>
|
|
||||||
<SelectValue placeholder="Select category" />
|
|
||||||
</SelectTrigger>
|
|
||||||
|
|
||||||
<SelectContent>
|
|
||||||
{categories.map((c) => (
|
|
||||||
<SelectItem key={c.id} value={c.id.toString()}>
|
|
||||||
{c.name}
|
|
||||||
</SelectItem>
|
|
||||||
))}
|
|
||||||
</SelectContent>
|
|
||||||
</Select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">Regular Price (₹)</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
type="number"
|
|
||||||
value={pkgForm.price || ""}
|
|
||||||
onChange={(e) => {
|
|
||||||
const value = e.target.value
|
|
||||||
? Number(e.target.value)
|
|
||||||
: undefined;
|
|
||||||
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
price: value,
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">
|
|
||||||
Discounted Price (₹)
|
|
||||||
</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
type="number"
|
|
||||||
disabled={!pkgForm.price}
|
|
||||||
value={pkgForm.discountedPrice || ""}
|
|
||||||
onChange={(e) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
discountedPrice: e.target.value
|
|
||||||
? Number(e.target.value)
|
|
||||||
: undefined,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">Sort Priority</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
type="number"
|
|
||||||
value={pkgForm.sortOrder}
|
|
||||||
onChange={(e) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
sortOrder: Number(e.target.value),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="font-semibold">Description</Label>
|
|
||||||
|
|
||||||
<Textarea
|
|
||||||
rows={5}
|
|
||||||
value={pkgForm.description}
|
|
||||||
onChange={(e) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
description: e.target.value,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* INCLUSIONS */}
|
|
||||||
<div className="space-y-5">
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<h3 className="text-lg font-bold">Tests & Inclusions</h3>
|
|
||||||
|
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
Group tests into categories
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Badge variant="outline">
|
|
||||||
{inclusionsList.length} Groups
|
|
||||||
</Badge>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Accordion type="multiple" className="space-y-4">
|
|
||||||
{inclusionsList.map((inc, index) => {
|
|
||||||
const testCount = inc.items
|
|
||||||
?.split(",")
|
|
||||||
.filter(Boolean).length;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<AccordionItem
|
|
||||||
key={inc.id}
|
|
||||||
value={inc.id.toString()}
|
|
||||||
className="border rounded-xl bg-background px-5 shadow-sm"
|
|
||||||
>
|
|
||||||
<AccordionTrigger className="hover:no-underline w-full">
|
|
||||||
<div className="flex w-full items-center justify-between">
|
|
||||||
<div className="flex flex-col items-start text-left">
|
|
||||||
<p className="font-semibold">
|
|
||||||
{inc.category || `Group ${index + 1}`}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
{testCount || 0} tests included
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
size="sm"
|
|
||||||
className="text-red-500 hover:text-red-600"
|
|
||||||
onClick={() => handleRemoveInclusionField(inc.id)}
|
|
||||||
>
|
|
||||||
<Trash2 className="h-4 w-4 mr-1" />
|
|
||||||
Remove
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</AccordionTrigger>
|
|
||||||
|
|
||||||
<AccordionContent className="pt-4">
|
|
||||||
<div className="space-y-4">
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label>Category Title</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
placeholder="Routine Blood Tests"
|
|
||||||
value={inc.category}
|
|
||||||
onChange={(e) =>
|
|
||||||
handleUpdateInclusionField(
|
|
||||||
inc.id,
|
|
||||||
"category",
|
|
||||||
e.target.value,
|
|
||||||
)
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<Label>Included Tests</Label>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Textarea
|
|
||||||
rows={4}
|
|
||||||
placeholder="CBC, LFT, RFT, TSH"
|
|
||||||
value={inc.items}
|
|
||||||
onChange={(e) =>
|
|
||||||
handleUpdateInclusionField(
|
|
||||||
inc.id,
|
|
||||||
"items",
|
|
||||||
e.target.value,
|
|
||||||
)
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
Separate each test using commas
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</AccordionContent>
|
|
||||||
</AccordionItem>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</Accordion>
|
|
||||||
|
|
||||||
<Button
|
|
||||||
variant="outline"
|
|
||||||
className="w-full border-dashed border-2 h-12"
|
|
||||||
onClick={handleAddInclusionField}
|
|
||||||
>
|
|
||||||
<Plus className="h-4 w-4 mr-2" />
|
|
||||||
Add New Inclusion Group
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* RIGHT COLUMN */}
|
|
||||||
<div className="space-y-6">
|
|
||||||
<SeoFields
|
|
||||||
value={pkgForm.seo}
|
|
||||||
slug={pkgForm.slug}
|
|
||||||
folderPath="/seo"
|
|
||||||
onChange={(seo) =>
|
|
||||||
setPkgForm({
|
|
||||||
...pkgForm,
|
|
||||||
seo,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<DialogFooter className="p-6 border-t bg-background sticky bottom-0 z-20">
|
|
||||||
<Button variant="ghost" onClick={() => onOpenChange(false)}>
|
|
||||||
Cancel
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
<Button className="px-10" onClick={onSave}>
|
|
||||||
{editingPackage ? "Save Changes" : "Create Package"}
|
|
||||||
</Button>
|
|
||||||
</DialogFooter>
|
|
||||||
</DialogContent>
|
|
||||||
</Dialog>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,211 +0,0 @@
|
|||||||
import { BytescaleUploader } from "@/components/BytescaleUploader/BytescaleUploader";
|
|
||||||
|
|
||||||
import { Badge } from "@/components/ui/badge";
|
|
||||||
import { Input } from "@/components/ui/input";
|
|
||||||
import { Label } from "@/components/ui/label";
|
|
||||||
import { Textarea } from "@/components/ui/textarea";
|
|
||||||
|
|
||||||
import { X } from "lucide-react";
|
|
||||||
|
|
||||||
interface SeoData {
|
|
||||||
seoTitle?: string;
|
|
||||||
metaDescription?: string;
|
|
||||||
focusKeyphrase?: string;
|
|
||||||
tags?: string[];
|
|
||||||
ogTitle?: string;
|
|
||||||
ogDescription?: string;
|
|
||||||
ogImage?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface SeoFieldsProps {
|
|
||||||
value?: SeoData;
|
|
||||||
onChange: (seo: SeoData) => void;
|
|
||||||
slug?: string;
|
|
||||||
folderPath?: "/seo";
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function SeoFields({
|
|
||||||
value,
|
|
||||||
onChange,
|
|
||||||
slug,
|
|
||||||
folderPath = "/seo",
|
|
||||||
}: SeoFieldsProps) {
|
|
||||||
const seo = value || {};
|
|
||||||
|
|
||||||
const updateSeo = (field: keyof SeoData, fieldValue: any) => {
|
|
||||||
onChange({
|
|
||||||
...seo,
|
|
||||||
[field]: fieldValue,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const removeTag = (index: number) => {
|
|
||||||
updateSeo(
|
|
||||||
"tags",
|
|
||||||
(seo.tags || []).filter((_, i) => i !== index),
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="space-y-5 p-5 border rounded-xl bg-muted/20">
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<h3 className="text-lg font-bold">SEO Settings</h3>
|
|
||||||
|
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
Optimize for Google & social sharing
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Badge variant="secondary">Optional</Badge>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<Label className="text-sm font-semibold">SEO Title</Label>
|
|
||||||
|
|
||||||
<span className="text-xs text-muted-foreground">
|
|
||||||
{seo.seoTitle?.length || 0}/60
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
placeholder="Best Health Checkup Package in Kochi"
|
|
||||||
value={seo.seoTitle || ""}
|
|
||||||
onChange={(e) => updateSeo("seoTitle", e.target.value)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
Recommended: 50–60 characters
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<Label className="text-sm font-semibold">Meta Description</Label>
|
|
||||||
|
|
||||||
<span className="text-xs text-muted-foreground">
|
|
||||||
{seo.metaDescription?.length || 0}/160
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Textarea
|
|
||||||
rows={4}
|
|
||||||
placeholder="Short description shown in Google search results"
|
|
||||||
value={seo.metaDescription || ""}
|
|
||||||
onChange={(e) => updateSeo("metaDescription", e.target.value)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
Recommended: 150–160 characters
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="text-sm font-semibold">Focus Keyphrase</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
placeholder="health checkup package kochi"
|
|
||||||
value={seo.focusKeyphrase || ""}
|
|
||||||
onChange={(e) => updateSeo("focusKeyphrase", e.target.value)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="text-sm font-semibold">Tags / Keywords</Label>
|
|
||||||
|
|
||||||
<div className="flex flex-wrap gap-2 border rounded-md p-3 min-h-[48px] bg-background">
|
|
||||||
{(seo.tags || []).map((tag, index) => (
|
|
||||||
<div
|
|
||||||
key={index}
|
|
||||||
className="bg-primary/10 text-primary px-3 py-1 rounded-full text-sm flex items-center gap-2"
|
|
||||||
>
|
|
||||||
<span>{tag}</span>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onClick={() => removeTag(index)}
|
|
||||||
className="hover:text-red-500 transition-colors"
|
|
||||||
>
|
|
||||||
<X className="h-3 w-3" />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
|
|
||||||
<Input
|
|
||||||
placeholder="Type keyword and press Enter"
|
|
||||||
className="border-0 shadow-none focus-visible:ring-0 min-w-[220px] flex-1"
|
|
||||||
onKeyDown={(e) => {
|
|
||||||
if (e.key === "Enter" && e.currentTarget.value.trim()) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const newTag = e.currentTarget.value.trim();
|
|
||||||
|
|
||||||
if (!(seo.tags || []).includes(newTag)) {
|
|
||||||
updateSeo("tags", [...(seo.tags || []), newTag]);
|
|
||||||
}
|
|
||||||
|
|
||||||
e.currentTarget.value = "";
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">Press Enter to add tags</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="border-t pt-5 space-y-5">
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<h4 className="font-bold">Open Graph (Social Preview)</h4>
|
|
||||||
|
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
Facebook, WhatsApp & Twitter sharing
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Badge variant="secondary">Optional</Badge>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="text-sm font-semibold">OG Title</Label>
|
|
||||||
|
|
||||||
<Input
|
|
||||||
placeholder="Title for social sharing"
|
|
||||||
value={seo.ogTitle || ""}
|
|
||||||
onChange={(e) => updateSeo("ogTitle", e.target.value)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
If empty, SEO title will be used
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="text-sm font-semibold">OG Description</Label>
|
|
||||||
|
|
||||||
<Textarea
|
|
||||||
rows={4}
|
|
||||||
placeholder="Description for social sharing"
|
|
||||||
value={seo.ogDescription || ""}
|
|
||||||
onChange={(e) => updateSeo("ogDescription", e.target.value)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
If empty, meta description will be used
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="text-sm font-semibold">OG Image</Label>
|
|
||||||
|
|
||||||
<BytescaleUploader
|
|
||||||
value={seo.ogImage || ""}
|
|
||||||
folderPath={folderPath}
|
|
||||||
onChange={(url) => updateSeo("ogImage", url)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,158 +0,0 @@
|
|||||||
import {
|
|
||||||
Dialog,
|
|
||||||
DialogContent,
|
|
||||||
DialogHeader,
|
|
||||||
DialogTitle,
|
|
||||||
DialogFooter,
|
|
||||||
} from "@/components/ui/dialog";
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
|
|
||||||
interface SeoPreviewData {
|
|
||||||
seo?: {
|
|
||||||
ogImage?: string;
|
|
||||||
ogTitle?: string;
|
|
||||||
seoTitle?: string;
|
|
||||||
ogDescription?: string;
|
|
||||||
metaDescription?: string;
|
|
||||||
slug?: string;
|
|
||||||
};
|
|
||||||
doctorId?: string;
|
|
||||||
name?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface SeoPreviewProps {
|
|
||||||
open: boolean;
|
|
||||||
onOpenChange: (open: boolean) => void;
|
|
||||||
previewData?: SeoPreviewData | null;
|
|
||||||
url?: string;
|
|
||||||
title?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function SeoPreview({
|
|
||||||
open,
|
|
||||||
onOpenChange,
|
|
||||||
previewData,
|
|
||||||
url,
|
|
||||||
title = "SEO Preview",
|
|
||||||
}: SeoPreviewProps) {
|
|
||||||
const previewUrl = url || "https://www.gg-hospital.com";
|
|
||||||
|
|
||||||
const hasSeoData =
|
|
||||||
!!previewData?.seo &&
|
|
||||||
!!(
|
|
||||||
previewData.seo.ogImage ||
|
|
||||||
previewData.seo.ogTitle ||
|
|
||||||
previewData.seo.seoTitle ||
|
|
||||||
previewData.seo.ogDescription ||
|
|
||||||
previewData.seo.metaDescription
|
|
||||||
);
|
|
||||||
|
|
||||||
const imageUrl =
|
|
||||||
previewData?.seo?.ogImage ||
|
|
||||||
"https://placehold.co/1200x630?text=GG+Hospital";
|
|
||||||
|
|
||||||
const ogTitle =
|
|
||||||
previewData?.seo?.ogTitle || previewData?.seo?.seoTitle || "GG Hospital";
|
|
||||||
|
|
||||||
const ogDescription =
|
|
||||||
previewData?.seo?.ogDescription ||
|
|
||||||
previewData?.seo?.metaDescription ||
|
|
||||||
"No description available";
|
|
||||||
|
|
||||||
const searchTitle =
|
|
||||||
previewData?.seo?.seoTitle ||
|
|
||||||
previewData?.seo?.ogTitle ||
|
|
||||||
"SEO title preview";
|
|
||||||
|
|
||||||
const searchDescription =
|
|
||||||
previewData?.seo?.metaDescription ||
|
|
||||||
previewData?.seo?.ogDescription ||
|
|
||||||
"No meta description available";
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
||||||
<DialogContent className="sm:!max-w-4xl overflow-hidden">
|
|
||||||
<DialogHeader>
|
|
||||||
<DialogTitle className="text-xl">{title}</DialogTitle>
|
|
||||||
</DialogHeader>
|
|
||||||
|
|
||||||
{hasSeoData ? (
|
|
||||||
<div className="space-y-10 py-2">
|
|
||||||
{/* Social Preview */}
|
|
||||||
<div>
|
|
||||||
<p className="mb-4 text-sm font-semibold text-muted-foreground">
|
|
||||||
Social Media Preview (WhatsApp / Facebook)
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<a
|
|
||||||
href={previewUrl}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
className="block max-w-[560px] overflow-hidden rounded-xl border bg-white shadow-sm transition hover:shadow-md"
|
|
||||||
>
|
|
||||||
<div className="aspect-[1.91/1] overflow-hidden bg-muted">
|
|
||||||
<img
|
|
||||||
src={imageUrl}
|
|
||||||
alt="OG Preview"
|
|
||||||
className="h-full w-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="border-t bg-[#f0f2f5] px-4 py-3">
|
|
||||||
<h3 className="mt-1 line-clamp-2 text-[18px] font-semibold leading-snug text-[#1c1e21]">
|
|
||||||
{ogTitle}
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
<p className="mt-1 line-clamp-2 text-[14px] text-[#65676b]">
|
|
||||||
{ogDescription}
|
|
||||||
</p>
|
|
||||||
<p className="mt-1 truncate text-[11px] tracking-wide text-[#65676b]">
|
|
||||||
{previewUrl}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Google Preview */}
|
|
||||||
<div>
|
|
||||||
<p className="mb-4 text-sm font-semibold text-muted-foreground">
|
|
||||||
Google Search Preview
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div className="rounded-xl border bg-white p-6">
|
|
||||||
<a
|
|
||||||
href={previewUrl}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
className="block"
|
|
||||||
>
|
|
||||||
<p className="truncate text-[14px] text-[#202124] hover:underline">
|
|
||||||
{previewUrl}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3 className="mt-1 text-[22px] leading-tight text-[#1a0dab] hover:underline">
|
|
||||||
{searchTitle}
|
|
||||||
</h3>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<p className="mt-2 line-clamp-3 text-[14px] leading-6 text-[#4d5156]">
|
|
||||||
{searchDescription}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div className="flex items-center justify-center py-16 text-sm text-muted-foreground">
|
|
||||||
No preview data available.
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<DialogFooter className="mt-0 border-t bg-background p-6">
|
|
||||||
<Button variant="outline" onClick={() => onOpenChange(false)}>
|
|
||||||
Close
|
|
||||||
</Button>
|
|
||||||
</DialogFooter>
|
|
||||||
</DialogContent>
|
|
||||||
</Dialog>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,79 +0,0 @@
|
|||||||
import * as React from "react"
|
|
||||||
import { Accordion as AccordionPrimitive } from "radix-ui"
|
|
||||||
|
|
||||||
import { cn } from "@/lib/utils"
|
|
||||||
import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"
|
|
||||||
|
|
||||||
function Accordion({
|
|
||||||
className,
|
|
||||||
...props
|
|
||||||
}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
|
|
||||||
return (
|
|
||||||
<AccordionPrimitive.Root
|
|
||||||
data-slot="accordion"
|
|
||||||
className={cn("flex w-full flex-col", className)}
|
|
||||||
{...props}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function AccordionItem({
|
|
||||||
className,
|
|
||||||
...props
|
|
||||||
}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
|
|
||||||
return (
|
|
||||||
<AccordionPrimitive.Item
|
|
||||||
data-slot="accordion-item"
|
|
||||||
className={cn("not-last:border-b", className)}
|
|
||||||
{...props}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function AccordionTrigger({
|
|
||||||
className,
|
|
||||||
children,
|
|
||||||
...props
|
|
||||||
}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
|
|
||||||
return (
|
|
||||||
<AccordionPrimitive.Header className="flex">
|
|
||||||
<AccordionPrimitive.Trigger
|
|
||||||
data-slot="accordion-trigger"
|
|
||||||
className={cn(
|
|
||||||
"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
|
|
||||||
className
|
|
||||||
)}
|
|
||||||
{...props}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
<ChevronDownIcon data-slot="accordion-trigger-icon" className="pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" />
|
|
||||||
<ChevronUpIcon data-slot="accordion-trigger-icon" className="pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" />
|
|
||||||
</AccordionPrimitive.Trigger>
|
|
||||||
</AccordionPrimitive.Header>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function AccordionContent({
|
|
||||||
className,
|
|
||||||
children,
|
|
||||||
...props
|
|
||||||
}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
|
|
||||||
return (
|
|
||||||
<AccordionPrimitive.Content
|
|
||||||
data-slot="accordion-content"
|
|
||||||
className="overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up"
|
|
||||||
{...props}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className={cn(
|
|
||||||
"h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
|
|
||||||
className
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
</AccordionPrimitive.Content>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
import { useState, useEffect, useCallback } from "react";
|
import { useState, useEffect, useCallback } from "react";
|
||||||
import { AxiosError } from "axios";
|
import { AxiosError } from "axios";
|
||||||
import { Eye } from "lucide-react";
|
|
||||||
import { BytescaleUploader } from "@/components/BytescaleUploader/BytescaleUploader";
|
import { BytescaleUploader } from "@/components/BytescaleUploader/BytescaleUploader";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
@@ -28,7 +28,6 @@ import {
|
|||||||
DialogTitle,
|
DialogTitle,
|
||||||
DialogFooter,
|
DialogFooter,
|
||||||
} from "@/components/ui/dialog";
|
} from "@/components/ui/dialog";
|
||||||
import SeoPreview from "@/components/SeoPreview/SeoPreview";
|
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from "@/components/ui/input";
|
||||||
import { Badge } from "@/components/ui/badge";
|
import { Badge } from "@/components/ui/badge";
|
||||||
import { Switch } from "@/components/ui/switch";
|
import { Switch } from "@/components/ui/switch";
|
||||||
@@ -61,8 +60,6 @@ const DAYS = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
export default function DoctorPage() {
|
export default function DoctorPage() {
|
||||||
const WEBSITE_URL = import.meta.env.VITE_WEBSITE_URL;
|
|
||||||
|
|
||||||
const [doctors, setDoctors] = useState<any[]>([]);
|
const [doctors, setDoctors] = useState<any[]>([]);
|
||||||
const [departments, setDepartments] = useState<Department[]>([]);
|
const [departments, setDepartments] = useState<Department[]>([]);
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
@@ -103,8 +100,6 @@ export default function DoctorPage() {
|
|||||||
slug: "",
|
slug: "",
|
||||||
tags: [],
|
tags: [],
|
||||||
});
|
});
|
||||||
const [openOgPreview, setOpenOgPreview] = useState(false);
|
|
||||||
const [previewDoctor, setPreviewDoctor] = useState<any>(null);
|
|
||||||
|
|
||||||
const fetchAll = useCallback(async () => {
|
const fetchAll = useCallback(async () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
@@ -172,16 +167,8 @@ export default function DoctorPage() {
|
|||||||
const currentItems = filteredDoctors.slice(indexOfFirstItem, indexOfLastItem);
|
const currentItems = filteredDoctors.slice(indexOfFirstItem, indexOfLastItem);
|
||||||
|
|
||||||
function handleChange(e: any) {
|
function handleChange(e: any) {
|
||||||
let value =
|
const value =
|
||||||
e.target.type === "number" ? Number(e.target.value) : e.target.value;
|
e.target.type === "number" ? Number(e.target.value) : e.target.value;
|
||||||
if (e.target.name === "slug") {
|
|
||||||
value = value
|
|
||||||
.toLowerCase()
|
|
||||||
.replace(/\s+/g, "-") // replace spaces with -
|
|
||||||
.replace(/[^\w-]+/g, "") // remove special chars
|
|
||||||
.replace(/--+/g, "-"); // remove duplicate -
|
|
||||||
}
|
|
||||||
|
|
||||||
setForm({ ...form, [e.target.name]: value });
|
setForm({ ...form, [e.target.name]: value });
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -193,7 +180,7 @@ export default function DoctorPage() {
|
|||||||
isActive: newStatus,
|
isActive: newStatus,
|
||||||
};
|
};
|
||||||
|
|
||||||
await updateDoctorApi(doc.doctorId, payload, "toggleStatus");
|
await updateDoctorApi(doc.doctorId, payload);
|
||||||
|
|
||||||
fetchAll();
|
fetchAll();
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
@@ -321,10 +308,7 @@ export default function DoctorPage() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function handlePreview(doc: any) {
|
console.log("Current form state:", form); // Debug log to check form state
|
||||||
setPreviewDoctor(doc);
|
|
||||||
setOpenOgPreview(true);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handleSubmit() {
|
async function handleSubmit() {
|
||||||
try {
|
try {
|
||||||
@@ -340,24 +324,6 @@ export default function DoctorPage() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const createSlug = (text: string) => {
|
|
||||||
if (!text) return "";
|
|
||||||
|
|
||||||
return text
|
|
||||||
.toString()
|
|
||||||
.toLowerCase()
|
|
||||||
.trim()
|
|
||||||
.replace(/\s+/g, "-")
|
|
||||||
.replace(/[^\w-]+/g, "")
|
|
||||||
.replace(/--+/g, "-");
|
|
||||||
};
|
|
||||||
|
|
||||||
const getDoctorUrl = (doctor: any) => {
|
|
||||||
const slug = doctor?.seo?.slug || createSlug(doctor?.name);
|
|
||||||
|
|
||||||
return `${WEBSITE_URL}/${doctor?.doctorId}/${slug}`;
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="p-6 space-y-6">
|
<div className="p-6 space-y-6">
|
||||||
<div className="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
|
<div className="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
|
||||||
@@ -518,14 +484,6 @@ export default function DoctorPage() {
|
|||||||
|
|
||||||
<TableCell className="text-right">
|
<TableCell className="text-right">
|
||||||
<div className="flex justify-end gap-2">
|
<div className="flex justify-end gap-2">
|
||||||
<Button
|
|
||||||
size="icon"
|
|
||||||
variant="ghost"
|
|
||||||
className="h-9 w-9"
|
|
||||||
onClick={() => handlePreview(doc)}
|
|
||||||
>
|
|
||||||
<Eye className="h-4 w-4" />
|
|
||||||
</Button>
|
|
||||||
<Button
|
<Button
|
||||||
size="icon"
|
size="icon"
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
@@ -1160,12 +1118,6 @@ export default function DoctorPage() {
|
|||||||
</DialogFooter>
|
</DialogFooter>
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
<SeoPreview
|
|
||||||
open={openOgPreview}
|
|
||||||
onOpenChange={setOpenOgPreview}
|
|
||||||
previewData={previewDoctor}
|
|
||||||
url={getDoctorUrl(previewDoctor)}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,21 +1,20 @@
|
|||||||
import { useState, useEffect, useCallback, useMemo } from "react";
|
import { useState, useEffect, useCallback, useMemo } from "react";
|
||||||
import toast from "react-hot-toast";
|
|
||||||
import { AxiosError } from "axios";
|
import { AxiosError } from "axios";
|
||||||
|
import { BytescaleUploader } from "@/components/BytescaleUploader/BytescaleUploader";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
getHealthPackagesApi,
|
getHealthPackagesApi,
|
||||||
getHealthCategoriesApi,
|
getHealthCategoriesApi,
|
||||||
updateHealthPackageApi,
|
|
||||||
createHealthPackageApi,
|
createHealthPackageApi,
|
||||||
|
updateHealthPackageApi,
|
||||||
createCategoryApi,
|
createCategoryApi,
|
||||||
updateCategoryApi,
|
updateCategoryApi,
|
||||||
|
deleteCategoryApi,
|
||||||
HealthPackage,
|
HealthPackage,
|
||||||
HealthCategory,
|
HealthCategory,
|
||||||
} from "@/api/healthCheck";
|
} from "@/api/healthCheck";
|
||||||
|
|
||||||
import PackageInquiriesTab from "@/components/PackageInquiriesTab/PackageInquiriesTab";
|
import PackageInquiriesTab from "@/components/PackageInquiriesTab/PackageInquiriesTab";
|
||||||
import HealthPackageModal from "@/components/HealthPackageModal/HealthPackageModal";
|
|
||||||
import SeoPreview from "@/components/SeoPreview/SeoPreview";
|
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Table,
|
Table,
|
||||||
@@ -35,10 +34,18 @@ import {
|
|||||||
DialogFooter,
|
DialogFooter,
|
||||||
} from "@/components/ui/dialog";
|
} from "@/components/ui/dialog";
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from "@/components/ui/input";
|
||||||
|
import { Textarea } from "@/components/ui/textarea";
|
||||||
import { Badge } from "@/components/ui/badge";
|
import { Badge } from "@/components/ui/badge";
|
||||||
import { Switch } from "@/components/ui/switch";
|
import { Switch } from "@/components/ui/switch";
|
||||||
import { Label } from "@/components/ui/label";
|
import { Label } from "@/components/ui/label";
|
||||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||||
|
import {
|
||||||
|
Select,
|
||||||
|
SelectContent,
|
||||||
|
SelectItem,
|
||||||
|
SelectTrigger,
|
||||||
|
SelectValue,
|
||||||
|
} from "@/components/ui/select";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Loader2,
|
Loader2,
|
||||||
@@ -49,10 +56,10 @@ import {
|
|||||||
ChevronRight,
|
ChevronRight,
|
||||||
LayoutGrid,
|
LayoutGrid,
|
||||||
Eye,
|
Eye,
|
||||||
|
Trash2,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
|
|
||||||
export default function HealthPackagePage() {
|
export default function HealthPackagePage() {
|
||||||
const WEBSITE_URL = import.meta.env.VITE_WEBSITE_URL;
|
|
||||||
const [packages, setPackages] = useState<HealthPackage[]>([]);
|
const [packages, setPackages] = useState<HealthPackage[]>([]);
|
||||||
const [categories, setCategories] = useState<HealthCategory[]>([]);
|
const [categories, setCategories] = useState<HealthCategory[]>([]);
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
@@ -86,20 +93,11 @@ export default function HealthPackagePage() {
|
|||||||
slug: "",
|
slug: "",
|
||||||
description: "",
|
description: "",
|
||||||
image: "",
|
image: "",
|
||||||
price: undefined,
|
price: 0,
|
||||||
discountedPrice: undefined,
|
discountedPrice: 0,
|
||||||
categoryId: 0,
|
categoryId: 0,
|
||||||
isActive: true,
|
isActive: true,
|
||||||
sortOrder: 1000,
|
sortOrder: 1000,
|
||||||
seo: {
|
|
||||||
seoTitle: "",
|
|
||||||
metaDescription: "",
|
|
||||||
focusKeyphrase: "",
|
|
||||||
tags: [],
|
|
||||||
ogTitle: "",
|
|
||||||
ogDescription: "",
|
|
||||||
ogImage: "",
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
const [inclusionsList, setInclusionsList] = useState([
|
const [inclusionsList, setInclusionsList] = useState([
|
||||||
{ id: Date.now(), category: "", items: "" },
|
{ id: Date.now(), category: "", items: "" },
|
||||||
@@ -166,11 +164,9 @@ export default function HealthPackagePage() {
|
|||||||
if (!pkg.id) return;
|
if (!pkg.id) return;
|
||||||
try {
|
try {
|
||||||
await updateHealthPackageApi(pkg.id, { isActive: !pkg.isActive });
|
await updateHealthPackageApi(pkg.id, { isActive: !pkg.isActive });
|
||||||
toast.success(`Package ${pkg.isActive ? "hidden" : "activated"}`);
|
|
||||||
fetchData();
|
fetchData();
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error("Failed to update status", err);
|
console.error("Failed to update status", err);
|
||||||
toast.error("Failed to update status");
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const handleToggleCategoryStatus = async (cat: HealthCategory) => {
|
const handleToggleCategoryStatus = async (cat: HealthCategory) => {
|
||||||
@@ -184,41 +180,24 @@ export default function HealthPackagePage() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
await updateCategoryApi(cat.id, { isActive: !cat.isActive });
|
await updateCategoryApi(cat.id, { isActive: !cat.isActive });
|
||||||
toast.success(`Category ${cat.isActive ? "hidden" : "activated"}`);
|
|
||||||
fetchData();
|
fetchData();
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error("Failed to update category status", err);
|
console.error("Failed to update category status", err);
|
||||||
toast.error("Failed to update category status");
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const openAddPackage = () => {
|
const openAddPackage = () => {
|
||||||
if (categories.length === 0) {
|
|
||||||
toast.error(
|
|
||||||
"Please create at least one category before attempting to add a health package.",
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
setEditingPackage(null);
|
setEditingPackage(null);
|
||||||
setPkgForm({
|
setPkgForm({
|
||||||
name: "",
|
name: "",
|
||||||
slug: "",
|
slug: "",
|
||||||
description: "",
|
description: "",
|
||||||
image: "",
|
image: "",
|
||||||
price: undefined,
|
price: 0,
|
||||||
discountedPrice: undefined,
|
discountedPrice: 0,
|
||||||
categoryId: categories[0]?.id || 0,
|
categoryId: categories[0]?.id || 0,
|
||||||
isActive: true,
|
isActive: true,
|
||||||
sortOrder: 1000,
|
sortOrder: 1000,
|
||||||
seo: {
|
|
||||||
seoTitle: "",
|
|
||||||
metaDescription: "",
|
|
||||||
focusKeyphrase: "",
|
|
||||||
tags: [],
|
|
||||||
ogTitle: "",
|
|
||||||
ogDescription: "",
|
|
||||||
ogImage: "",
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
setInclusionsList([{ id: Date.now(), category: "", items: "" }]);
|
setInclusionsList([{ id: Date.now(), category: "", items: "" }]);
|
||||||
setPackageModal(true);
|
setPackageModal(true);
|
||||||
@@ -251,26 +230,32 @@ export default function HealthPackagePage() {
|
|||||||
|
|
||||||
setPackageModal(true);
|
setPackageModal(true);
|
||||||
};
|
};
|
||||||
|
const handleAddInclusionField = () => {
|
||||||
|
setInclusionsList([
|
||||||
|
...inclusionsList,
|
||||||
|
{ id: Date.now(), category: "", items: "" },
|
||||||
|
]);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleRemoveInclusionField = (id: number) => {
|
||||||
|
setInclusionsList(inclusionsList.filter((item) => item.id !== id));
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleUpdateInclusionField = (
|
||||||
|
id: number,
|
||||||
|
field: string,
|
||||||
|
value: string,
|
||||||
|
) => {
|
||||||
|
setInclusionsList(
|
||||||
|
inclusionsList.map((item) =>
|
||||||
|
item.id === id ? { ...item, [field]: value } : item,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
const savePackage = async () => {
|
const savePackage = async () => {
|
||||||
if (!pkgForm.image) return toast.error("Package image is required.");
|
|
||||||
if (!pkgForm.name?.trim()) return toast.error("Package Name is required.");
|
|
||||||
if (!pkgForm.slug?.trim()) return toast.error("URL Slug is required.");
|
|
||||||
if (!pkgForm.categoryId)
|
|
||||||
return toast.error("Please select a valid category.");
|
|
||||||
if (!pkgForm.description?.trim())
|
|
||||||
return toast.error("Description is required.");
|
|
||||||
|
|
||||||
const structureFilled = inclusionsList.some(
|
|
||||||
(item) => item.category.trim() !== "" && item.items.trim() !== "",
|
|
||||||
);
|
|
||||||
if (!structureFilled) {
|
|
||||||
return toast.error(
|
|
||||||
"Please provide at least one valid Category Group with tests inside it.",
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
|
// Convert the dynamic array back into the required JSON object format
|
||||||
const parsedInclusions: Record<string, string[]> = {};
|
const parsedInclusions: Record<string, string[]> = {};
|
||||||
inclusionsList.forEach((entry) => {
|
inclusionsList.forEach((entry) => {
|
||||||
const catName = entry.category.trim();
|
const catName = entry.category.trim();
|
||||||
@@ -282,21 +267,7 @@ export default function HealthPackagePage() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const finalData: Partial<HealthPackage> = {
|
const finalData = { ...pkgForm, inclusions: parsedInclusions };
|
||||||
...pkgForm,
|
|
||||||
inclusions: parsedInclusions,
|
|
||||||
};
|
|
||||||
|
|
||||||
finalData.price =
|
|
||||||
finalData.price !== undefined && finalData.price !== null
|
|
||||||
? Number(finalData.price)
|
|
||||||
: null;
|
|
||||||
|
|
||||||
finalData.discountedPrice =
|
|
||||||
finalData.discountedPrice !== undefined &&
|
|
||||||
finalData.discountedPrice !== null
|
|
||||||
? Number(finalData.discountedPrice)
|
|
||||||
: null;
|
|
||||||
|
|
||||||
if (editingPackage?.id) {
|
if (editingPackage?.id) {
|
||||||
const changedFields: Record<string, any> = {};
|
const changedFields: Record<string, any> = {};
|
||||||
@@ -326,15 +297,10 @@ export default function HealthPackagePage() {
|
|||||||
fetchData();
|
fetchData();
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error(err);
|
console.error(err);
|
||||||
toast.error(
|
|
||||||
"An unexpected system error occurred while trying to save the package.",
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const saveCategory = async () => {
|
const saveCategory = async () => {
|
||||||
if (!catForm.name?.trim()) return toast.error("Category Name is required.");
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
if (editingCategory?.id) {
|
if (editingCategory?.id) {
|
||||||
const changedFields: Record<string, any> = {};
|
const changedFields: Record<string, any> = {};
|
||||||
@@ -366,11 +332,15 @@ export default function HealthPackagePage() {
|
|||||||
fetchData();
|
fetchData();
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error(err);
|
console.error(err);
|
||||||
toast.error("An error occurred while saving the category.");
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const previewUrl = `${WEBSITE_URL}/preventivecheckupdirectory/${selectedPackage?.slug}`;
|
const deleteCategory = async (id: number) => {
|
||||||
|
if (confirm("Delete this category? Ensure no packages are linked to it.")) {
|
||||||
|
await deleteCategoryApi(id);
|
||||||
|
fetchData();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="p-6 space-y-6">
|
<div className="p-6 space-y-6">
|
||||||
@@ -499,15 +469,9 @@ export default function HealthPackagePage() {
|
|||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div className="font-semibold">
|
<div className="font-semibold">
|
||||||
{pkg.discountedPrice != null
|
₹{pkg.discountedPrice || pkg.price}
|
||||||
? `₹${pkg.discountedPrice}`
|
|
||||||
: pkg.price != null
|
|
||||||
? `₹${pkg.price}`
|
|
||||||
: "Not Entered"}
|
|
||||||
</div>
|
</div>
|
||||||
|
{pkg.discountedPrice &&
|
||||||
{pkg.discountedPrice != null &&
|
|
||||||
pkg.price != null &&
|
|
||||||
pkg.discountedPrice < pkg.price && (
|
pkg.discountedPrice < pkg.price && (
|
||||||
<div className="text-xs text-muted-foreground line-through">
|
<div className="text-xs text-muted-foreground line-through">
|
||||||
₹{pkg.price}
|
₹{pkg.price}
|
||||||
@@ -707,18 +671,264 @@ export default function HealthPackagePage() {
|
|||||||
</TabsContent>
|
</TabsContent>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
|
|
||||||
{/* --- REPLACED MODAL CONTAINER --- */}
|
{/* --- PACKAGE MODAL --- */}
|
||||||
<HealthPackageModal
|
<Dialog open={packageModal} onOpenChange={setPackageModal}>
|
||||||
open={packageModal}
|
<DialogContent className="w-full !max-w-5xl h-[90vh] flex flex-col p-0 overflow-hidden">
|
||||||
onOpenChange={setPackageModal}
|
<DialogHeader className="p-6 border-b bg-background z-10">
|
||||||
editingPackage={editingPackage}
|
<DialogTitle className="text-2xl">
|
||||||
pkgForm={pkgForm}
|
{editingPackage ? "Edit Package" : "Add Package"}
|
||||||
setPkgForm={setPkgForm}
|
</DialogTitle>
|
||||||
inclusionsList={inclusionsList}
|
</DialogHeader>
|
||||||
setInclusionsList={setInclusionsList}
|
|
||||||
categories={categories}
|
<div className="flex-1 overflow-y-auto p-6">
|
||||||
onSave={savePackage}
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||||
/>
|
<div className="space-y-6">
|
||||||
|
<h3 className="font-bold text-base border-b pb-2">
|
||||||
|
Profile & Pricing
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="space-y-2">
|
||||||
|
<Label className="text-sm font-semibold">
|
||||||
|
Package Image
|
||||||
|
</Label>
|
||||||
|
|
||||||
|
<BytescaleUploader
|
||||||
|
value={pkgForm.image || ""}
|
||||||
|
folderPath="/health-packages"
|
||||||
|
onChange={(url) =>
|
||||||
|
setPkgForm({
|
||||||
|
...pkgForm,
|
||||||
|
image: url,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center justify-between p-3 border rounded-md bg-muted/30">
|
||||||
|
<Label className="text-base font-semibold cursor-pointer">
|
||||||
|
Active Visibility
|
||||||
|
</Label>
|
||||||
|
<Switch
|
||||||
|
checked={pkgForm.isActive}
|
||||||
|
onCheckedChange={(val) =>
|
||||||
|
setPkgForm({ ...pkgForm, isActive: val })
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">
|
||||||
|
Sort Priority (Lower numbers show first)
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
type="number"
|
||||||
|
value={pkgForm.sortOrder}
|
||||||
|
onChange={(e) =>
|
||||||
|
setPkgForm({
|
||||||
|
...pkgForm,
|
||||||
|
sortOrder: Number(e.target.value),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
className="text-base"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">
|
||||||
|
Package Name
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
value={pkgForm.name}
|
||||||
|
onChange={(e) =>
|
||||||
|
setPkgForm({ ...pkgForm, name: e.target.value })
|
||||||
|
}
|
||||||
|
className="text-base"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">URL Slug</Label>
|
||||||
|
<Input
|
||||||
|
value={pkgForm.slug}
|
||||||
|
onChange={(e) =>
|
||||||
|
setPkgForm({ ...pkgForm, slug: e.target.value })
|
||||||
|
}
|
||||||
|
className="text-base"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">Category</Label>
|
||||||
|
<Select
|
||||||
|
value={pkgForm.categoryId?.toString()}
|
||||||
|
onValueChange={(v) =>
|
||||||
|
setPkgForm({ ...pkgForm, categoryId: Number(v) })
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<SelectTrigger className="text-base">
|
||||||
|
<SelectValue />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
{categories.map((c) => (
|
||||||
|
<SelectItem key={c.id} value={c.id.toString()}>
|
||||||
|
{c.name}
|
||||||
|
</SelectItem>
|
||||||
|
))}
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-2 gap-4">
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">
|
||||||
|
Regular Price (₹)
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
type="number"
|
||||||
|
value={pkgForm.price || ""}
|
||||||
|
onChange={(e) =>
|
||||||
|
setPkgForm({
|
||||||
|
...pkgForm,
|
||||||
|
price: Number(e.target.value),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
className="text-base"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">
|
||||||
|
Discounted Price (₹)
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
type="number"
|
||||||
|
value={pkgForm.discountedPrice || ""}
|
||||||
|
onChange={(e) =>
|
||||||
|
setPkgForm({
|
||||||
|
...pkgForm,
|
||||||
|
discountedPrice: Number(e.target.value),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
className="text-base"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<h3 className="font-bold text-base border-b pb-2">
|
||||||
|
Details & Inclusions
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">Description</Label>
|
||||||
|
<Textarea
|
||||||
|
rows={3}
|
||||||
|
value={pkgForm.description}
|
||||||
|
onChange={(e) =>
|
||||||
|
setPkgForm({ ...pkgForm, description: e.target.value })
|
||||||
|
}
|
||||||
|
className="text-base"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-1">
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center justify-between mb-2">
|
||||||
|
<Label className="text-sm font-semibold">
|
||||||
|
Tests & Inclusions
|
||||||
|
</Label>
|
||||||
|
<Badge variant="outline">Grouped Fields</Badge>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-4 max-h-[400px] overflow-y-auto pr-2">
|
||||||
|
{inclusionsList.map((inc) => (
|
||||||
|
<div
|
||||||
|
key={inc.id}
|
||||||
|
className="p-4 border rounded-md bg-muted/10 relative"
|
||||||
|
>
|
||||||
|
{/* Remove Button */}
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="absolute top-2 right-2 h-8 w-8 text-red-500 hover:text-red-700 hover:bg-red-50"
|
||||||
|
onClick={() => handleRemoveInclusionField(inc.id)}
|
||||||
|
>
|
||||||
|
<Trash2 className="h-4 w-4" />
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<div className="space-y-3 pr-8">
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-xs text-muted-foreground uppercase font-bold">
|
||||||
|
Category Title
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
placeholder="e.g. Routine Blood Tests"
|
||||||
|
value={inc.category}
|
||||||
|
onChange={(e) =>
|
||||||
|
handleUpdateInclusionField(
|
||||||
|
inc.id,
|
||||||
|
"category",
|
||||||
|
e.target.value,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
className="font-semibold text-base"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="space-y-1">
|
||||||
|
<Label className="text-xs text-muted-foreground uppercase font-bold">
|
||||||
|
Included Tests
|
||||||
|
</Label>
|
||||||
|
<p className="text-[10px] text-muted-foreground leading-none mb-1">
|
||||||
|
Separate tests with a comma (,)
|
||||||
|
</p>
|
||||||
|
<Textarea
|
||||||
|
rows={2}
|
||||||
|
placeholder="e.g. CBC, LFT, RFT, TSH"
|
||||||
|
value={inc.items}
|
||||||
|
onChange={(e) =>
|
||||||
|
handleUpdateInclusionField(
|
||||||
|
inc.id,
|
||||||
|
"items",
|
||||||
|
e.target.value,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
className="text-sm"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
className="w-full mt-2 border-dashed border-2"
|
||||||
|
onClick={handleAddInclusionField}
|
||||||
|
>
|
||||||
|
<Plus className="mr-2 h-4 w-4" />
|
||||||
|
Add New Category Group
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<DialogFooter className="p-6 border-t">
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
onClick={() => setPackageModal(false)}
|
||||||
|
className="text-base"
|
||||||
|
>
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
<Button onClick={savePackage} className="px-10 text-base">
|
||||||
|
{editingPackage ? "Save Changes" : "Create Package"}
|
||||||
|
</Button>
|
||||||
|
</DialogFooter>
|
||||||
|
</DialogContent>
|
||||||
|
</Dialog>
|
||||||
|
|
||||||
{/* --- CATEGORY MODAL --- */}
|
{/* --- CATEGORY MODAL --- */}
|
||||||
<Dialog open={categoryModal} onOpenChange={setCategoryModal}>
|
<Dialog open={categoryModal} onOpenChange={setCategoryModal}>
|
||||||
@@ -739,6 +949,16 @@ export default function HealthPackagePage() {
|
|||||||
className="text-base"
|
className="text-base"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
{/* <div className="space-y-1">
|
||||||
|
<Label className="text-sm font-semibold">URL Slug</Label>
|
||||||
|
<Input
|
||||||
|
value={catForm.slug}
|
||||||
|
onChange={(e) =>
|
||||||
|
setCatForm({ ...catForm, slug: e.target.value })
|
||||||
|
}
|
||||||
|
className="text-base"
|
||||||
|
/>
|
||||||
|
</div> */}
|
||||||
|
|
||||||
<div className="space-y-1">
|
<div className="space-y-1">
|
||||||
<Label className="text-sm font-semibold">Sort Order</Label>
|
<Label className="text-sm font-semibold">Sort Order</Label>
|
||||||
@@ -774,12 +994,82 @@ export default function HealthPackagePage() {
|
|||||||
</DialogContent>
|
</DialogContent>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
|
|
||||||
<SeoPreview
|
{/* --- VIEW MODAL --- */}
|
||||||
open={viewModal}
|
<Dialog open={viewModal} onOpenChange={setViewModal}>
|
||||||
onOpenChange={setViewModal}
|
<DialogContent className="w-full !max-w-5xl h-[90vh] flex flex-col p-0 overflow-hidden">
|
||||||
previewData={selectedPackage}
|
<DialogHeader className="p-6 border-b bg-background z-10">
|
||||||
url={previewUrl}
|
<DialogTitle className="text-2xl">
|
||||||
/>
|
{selectedPackage?.name}
|
||||||
|
</DialogTitle>
|
||||||
|
</DialogHeader>
|
||||||
|
<div className="flex-1 overflow-y-auto p-6 space-y-6">
|
||||||
|
<div className="flex justify-between items-center bg-muted/20 p-4 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<p className="text-sm text-muted-foreground uppercase font-bold">
|
||||||
|
Category
|
||||||
|
</p>
|
||||||
|
<p className="text-base font-medium">
|
||||||
|
{selectedPackage?.category?.name}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="text-right">
|
||||||
|
<p className="text-sm text-muted-foreground uppercase font-bold">
|
||||||
|
Pricing
|
||||||
|
</p>
|
||||||
|
<p className="text-xl font-bold">
|
||||||
|
₹{selectedPackage?.discountedPrice || selectedPackage?.price}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3 className="font-bold text-base border-b pb-2 mb-4">
|
||||||
|
Inclusions
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-6">
|
||||||
|
{selectedPackage?.inclusions &&
|
||||||
|
typeof selectedPackage.inclusions === "object" &&
|
||||||
|
!Array.isArray(selectedPackage.inclusions) ? (
|
||||||
|
Object.entries(selectedPackage.inclusions).map(
|
||||||
|
([category, tests], idx) => (
|
||||||
|
<div key={idx}>
|
||||||
|
<h4 className="font-semibold text-sm text-primary mb-3 uppercase tracking-wider">
|
||||||
|
{category}
|
||||||
|
</h4>
|
||||||
|
<div className="grid grid-cols-2 gap-3">
|
||||||
|
{Array.isArray(tests) &&
|
||||||
|
tests.map((item, i) => (
|
||||||
|
<div
|
||||||
|
key={i}
|
||||||
|
className="text-sm border p-3 rounded bg-background shadow-sm"
|
||||||
|
>
|
||||||
|
✓ {item}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
)
|
||||||
|
) : (
|
||||||
|
<div className="grid grid-cols-2 gap-3">
|
||||||
|
{Array.isArray(selectedPackage?.inclusions) &&
|
||||||
|
selectedPackage.inclusions.map((item, i) => (
|
||||||
|
<div
|
||||||
|
key={i}
|
||||||
|
className="text-sm border p-3 rounded bg-background shadow-sm"
|
||||||
|
>
|
||||||
|
✓ {item}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<DialogFooter className="p-6 border-t">
|
||||||
|
<Button onClick={() => setViewModal(false)}>Close</Button>
|
||||||
|
</DialogFooter>
|
||||||
|
</DialogContent>
|
||||||
|
</Dialog>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user