Skip to content

[WIP] Provider Flow Update #470

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Abhishekfm wants to merge 4 commits into
base: dev
Choose a base branch
from
Open

[WIP] Provider Flow Update #470

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
7675c7f
chore: update dependencies and add tokens.json for design tokens
Abhishekfm Sep 19, 2026
c18b58a
fix: synchronize npm lockfile
Abhishekfm Sep 19, 2026
7142fe6
Merge branch 'dev' into provider-flow-update
Abhishekfm Sep 21, 2026
288d54c
refactor: enhance AI model editing experience with new components and…
Abhishekfm Sep 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/[locale]/(user)/components/Content.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ export const Content = () => {
<Text
color="onBgDefault"
fontWeight="semibold"
className="whitespace-nowrap text-xs uppercase text-textSurfaceStats"
className="text-xs whitespace-nowrap uppercase text-textSurfaceStats"
>
{item.label}
</Text>
Expand Down
6 changes: 3 additions & 3 deletions app/[locale]/(user)/components/Sectors.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ import { Button, Text } from 'opub-ui';

import { GraphQL } from '@/lib/api';
import { buildSectorSlugParam } from '@/lib/utils';
import { SectorListingSkeleton } from '@/components/loading';
import { Icons } from '@/components/icons';
import { SectorListingSkeleton } from '@/components/loading';
import { SectorCard } from '@/components/SectorCard';

const sectorDetails = graphql(`
Expand All @@ -32,7 +32,7 @@ const Sectors = () => {
const router = useRouter();

return (
<div className="container pt-10 pb-12 md:px-8 lg:pt-20 lg:pb-24">
<div className="container pb-12 pt-10 md:px-8 lg:pb-24 lg:pt-20">
<div className="flex flex-wrap items-center justify-between gap-4 px-4 md:px-12 lg:gap-2 lg:px-12 ">
<div className="flex flex-col gap-2">
<Text variant="headingXl">Explore Sectors</Text>
Expand All @@ -44,7 +44,7 @@ const Sectors = () => {
<div className="mr-8 lg:mr-12">
<Button
kind="tertiary"
className="bg-transparent border-none shadow-none text-primaryText px-0 hover:underline outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--border-interactive-focused)]"
className="shadow-none border-none bg-transparent px-0 text-primaryText outline-none hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--border-interactive-focused)]"
onClick={() => {
router.push('/sectors');
}}
Expand Down
13 changes: 11 additions & 2 deletions app/[locale]/(user)/usecases/components/Details.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@ import { Button, Icon, Spinner, Tag, Text, Tray } from 'opub-ui';

import { UseCasedetailsQuery } from '@/gql/generated/graphql';
import { Icons } from '@/components/icons';
import { RichTextRenderer } from '@/components/RichTextRenderer';
import { ContentBlocksRenderer } from '@/app/[locale]/dashboard/[entityType]/[entitySlug]/usecases/edit/components/ContentBlocksRenderer';
import { parseUseCaseContent } from '@/app/[locale]/dashboard/[entityType]/[entitySlug]/usecases/edit/content-document';
import Metadata from './Metadata';

interface PrimaryDetailsProps {
Expand All @@ -16,12 +17,20 @@ interface PrimaryDetailsProps {

const PrimaryDetails = ({ data, isLoading }: PrimaryDetailsProps) => {
const [open, setOpen] = useState(false);
const content = parseUseCaseContent(data.useCase.summary);

return (
<div>
<div>
<Text variant="heading2xl">{data.useCase.title}</Text>
</div>
{content.subtitle ? (
<div className="mt-2">
<Text variant="bodyLg" color="subdued">
{content.subtitle}
</Text>
</div>
) : null}
<div className="mt-4 flex flex-wrap gap-2">
{data.useCase.tags?.map((item, index: number) => (
<div key={index}>
Expand Down Expand Up @@ -96,7 +105,7 @@ const PrimaryDetails = ({ data, isLoading }: PrimaryDetailsProps) => {
</div>
)}
<div className="mt-6 lg:mt-10">
<RichTextRenderer content={data.useCase.summary ?? ''} />
<ContentBlocksRenderer summary={data.useCase.summary} />
</div>
</div>
</div>
Expand Down
Loading
Loading