Skip to content

[FEATURE]: Extract common section rendering logic into GenericCustomSection wrapper #81

@Gautam25Raj

Description

@Gautam25Raj

Affected Apps / Packages

Studio (apps/studio)

Is your feature request related to a problem?

Yes. The 8+ custom section editors (e.g., AwardsSection, LanguagesSection, PublicationsSection) contain highly duplicated boilerplate logic and markup for section headers, list selection mapping, add/remove buttons, drag-and-drop containers, and empty state messaging. This increases technical debt and code footprint.

Describe the solution you'd like

Extract list-management wrapper structures into a reusable GenericCustomSection component. Custom sections should supply only their specific input form fields as children or templates. This refactoring will eliminate ~1,500 lines of copy-paste markup and ensure uniform UI/UX behaviors across all editor sections.

Describe alternatives you've considered

Keeping them duplicate-heavy, which complicates future styling, header, or drag-and-drop structural updates.

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestfrontendUI/client-side codeperformancePerformance improvements
    No fields configured for Feature.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions