Skip to content

Commit

Permalink
Merge pull request #259 from gruz0/ui/update-idea-report-styles
Browse files Browse the repository at this point in the history 
Update idea report styles
  • Loading branch information
@gruz0
gruz0 authored Jan 25, 2025
2 parents 0afcdf0 + 5fcb720 commit 3db1af9
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 27 deletions.
21 changes: 5 additions & 16 deletions src/app/ideas/[id]/components/SectionContentIdeas.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import Section from '@/components/Section'
import SectionDescription from '@/components/SectionDescription'
import SectionHeader from '@/components/SectionHeader'
import SectionWrapper from '@/components/SectionWrapper'
import SimpleUnorderedList from '@/components/SimpleUnorderedList'

interface ContentIdeaProps {
platforms: string[]
Expand Down Expand Up @@ -143,33 +144,21 @@ const ContentIdea: React.FC<ContentIdeaSectionProps> = ({
generatableContent = false,
}) => (
<Section header={header}>
<div className="flex flex-col rounded-lg border border-gray-200 bg-gray-50 p-4 pb-0 hover:shadow-lg md:p-6 lg:pb-4 dark:bg-gray-900/50">
<div className="flex flex-col rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 lg:pb-4 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">Platforms:</h3>

<Paragraph>{data.platforms.join(', ')}</Paragraph>

<h3 className="mb-2 text-lg font-semibold">Ideas:</h3>

<ul className="mb-4 list-disc pl-4 md:text-lg">
{data.ideas.map((idea, idx) => (
<li key={idx} className="mb-2 pl-1 md:pl-2">
{idea}
</li>
))}
</ul>
<SimpleUnorderedList items={data.ideas} />

<h3 className="mb-2 text-lg font-semibold">Benefits:</h3>

<ul className="mb-4 list-disc pl-4 md:text-lg">
{data.benefits.map((benefit, idx) => (
<li key={idx} className="mb-2 pl-1 md:pl-2">
{benefit}
</li>
))}
</ul>
<SimpleUnorderedList items={data.benefits} last />

{generatableContent && (
<div className="mb-2">
<div className="mb-2 mt-4">
<Link
href={`/ideas/${ideaId}/${section}`}
target="_blank"
Expand Down
4 changes: 2 additions & 2 deletions src/app/ideas/[id]/components/SectionTargetAudiences.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ const SectionTargetAudiences: React.FC<SectionTargetAudiencesProps> = ({
key={audience.id}
header={`${idx + 1}. ${audience.segment}`}
>
<div className="flex flex-col rounded-lg border border-gray-200 bg-gray-50 p-4 pb-0 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<div className="flex flex-col rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold md:text-xl">
Description:
</h3>
Expand All @@ -76,7 +76,7 @@ const SectionTargetAudiences: React.FC<SectionTargetAudiencesProps> = ({
Targeting Strategy:
</h3>
{audience.targetingStrategy ? (
<Paragraph>{audience.targetingStrategy}</Paragraph>
<Paragraph last>{audience.targetingStrategy}</Paragraph>
) : (
<FetchingDataMessage />
)}
Expand Down
18 changes: 9 additions & 9 deletions src/app/ideas/[id]/components/SectionTwoWeekTestingPlan.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
{idx + 1}. {assumption.assumption}
</h3>

<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">
Why Critical:
</h3>
Expand All @@ -131,7 +131,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
Day {day.day}: {day.focus}
</h3>

<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">Tasks:</h3>
<SimpleUnorderedList items={day.tasks} />

Expand All @@ -155,7 +155,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
</Section>

<Section header="Key Metrics:">
<div className="rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">
Qualitative Metrics:
</h3>
Expand Down Expand Up @@ -183,7 +183,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
{idx + 1}. {method.method}
</h3>

<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<Paragraph>{method.description}</Paragraph>

<h3 className="mb-2 text-lg font-semibold">
Expand All @@ -207,7 +207,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
{idx + 1}. {plan.scenario}
</h3>

<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">Solution:</h3>
<Paragraph>{plan.solution}</Paragraph>

Expand All @@ -221,7 +221,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
</Section>

<Section header="Resource Optimization:">
<div className="rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">
Minimum Budget:
</h3>
Expand Down Expand Up @@ -257,7 +257,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
Launch Overview
</h3>

<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">Timing:</h3>
<Paragraph>{data.softLaunchStrategy.timing}</Paragraph>

Expand All @@ -281,7 +281,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
Content Strategy
</h3>

<div className="rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">
Content Titles:
</h3>
Expand Down Expand Up @@ -352,7 +352,7 @@ const SectionTwoWeekTestingPlan: React.FC<SectionTwoWeekTestingPlanProps> = ({
{platform.platform} Launch Strategy
</h3>

<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg dark:bg-gray-900/50">
<div className="mb-6 rounded-lg border border-gray-200 bg-gray-50 p-4 hover:shadow-lg md:p-6 dark:bg-gray-900/50">
<h3 className="mb-2 text-lg font-semibold">
Format:
</h3>
Expand Down

0 comments on commit 3db1af9

Please sign in to comment.