chore: fix ui and add "Get Help" button (#27)

* chore: fix ui and add "Get Help" button

* fix: fix instrumentation client
This commit is contained in:
Abhishek 2025-10-07 17:40:01 +05:30 committed by GitHub
parent e9c0afd517
commit 795f0be80e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 92 additions and 109 deletions

View file

@ -284,12 +284,10 @@ export default function CampaignDetailPage() {
if (isLoadingCampaign) {
return (
<div className="min-h-[calc(100vh-73px)] bg-gray-50 p-6">
<div className="max-w-7xl mx-auto">
<div className="animate-pulse">
<div className="h-8 bg-gray-200 rounded w-1/4 mb-4"></div>
<div className="h-64 bg-gray-200 rounded"></div>
</div>
<div className="container mx-auto p-6 space-y-6">
<div className="animate-pulse">
<div className="h-8 bg-gray-200 rounded w-1/4 mb-4"></div>
<div className="h-64 bg-gray-200 rounded"></div>
</div>
</div>
);
@ -297,29 +295,26 @@ export default function CampaignDetailPage() {
if (!campaign) {
return (
<div className="min-h-[calc(100vh-73px)] bg-gray-50 p-6">
<div className="max-w-7xl mx-auto">
<p className="text-center text-gray-500">Campaign not found</p>
</div>
<div className="container mx-auto p-6 space-y-6">
<p className="text-center text-gray-500">Campaign not found</p>
</div>
);
}
return (
<div className="min-h-[calc(100vh-73px)] bg-gray-50 p-6">
<div className="max-w-7xl mx-auto">
<div className="mb-6">
<Button
variant="ghost"
onClick={handleBack}
className="mb-4"
>
<ArrowLeft className="h-4 w-4 mr-2" />
Back to Campaigns
</Button>
<div className="flex justify-between items-start">
<div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">{campaign.name}</h1>
<div className="container mx-auto p-6 space-y-6">
<div>
<Button
variant="ghost"
onClick={handleBack}
className="mb-4"
>
<ArrowLeft className="h-4 w-4 mr-2" />
Back to Campaigns
</Button>
<div className="flex justify-between items-start">
<div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">{campaign.name}</h1>
<div className="flex items-center gap-4">
<Badge variant={getStateBadgeVariant(campaign.state)}>
{campaign.state}
@ -457,7 +452,6 @@ export default function CampaignDetailPage() {
)}
</CardContent>
</Card>
</div>
</div>
);
}

View file

@ -121,22 +121,21 @@ export default function NewCampaignPage() {
};
return (
<div className="min-h-[calc(100vh-73px)] bg-gray-50 p-6">
<div className="max-w-2xl mx-auto">
<div className="mb-6">
<Button
variant="ghost"
onClick={handleBack}
className="mb-4"
>
<ArrowLeft className="h-4 w-4 mr-2" />
Back to Campaigns
</Button>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Create New Campaign</h1>
<p className="text-gray-600">Set up a new campaign to execute workflows at scale</p>
</div>
<div className="container mx-auto p-6 space-y-6 max-w-2xl">
<div>
<Button
variant="ghost"
onClick={handleBack}
className="mb-4"
>
<ArrowLeft className="h-4 w-4 mr-2" />
Back to Campaigns
</Button>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Create New Campaign</h1>
<p className="text-gray-600">Set up a new campaign to execute workflows at scale</p>
</div>
<Card>
<Card>
<CardHeader>
<CardTitle>Campaign Details</CardTitle>
<CardDescription>
@ -221,7 +220,6 @@ export default function NewCampaignPage() {
</form>
</CardContent>
</Card>
</div>
</div>
);
}

View file

@ -97,13 +97,12 @@ export default function CampaignsPage() {
};
return (
<div className="min-h-[calc(100vh-73px)] bg-gray-50 p-6">
<div className="max-w-7xl mx-auto">
<div className="mb-6 flex justify-between items-center">
<div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Campaigns</h1>
<p className="text-gray-600">Manage your bulk workflow execution campaigns</p>
</div>
<div className="container mx-auto p-6 space-y-6">
<div className="flex justify-between items-center">
<div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Campaigns</h1>
<p className="text-gray-600">Manage your bulk workflow execution campaigns</p>
</div>
<Button onClick={handleCreateCampaign}>
<Plus className="h-4 w-4 mr-2" />
Create Campaign
@ -180,7 +179,6 @@ export default function CampaignsPage() {
)}
</CardContent>
</Card>
</div>
</div>
);
}