Skip to content

Commit c0ffa1c

Browse files
committed
Dashboard: Migrate Published contract > code tab from chakra to tailwind (#7704)
<!-- ## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes" If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000): ## Notes for the reviewer Anything important to call out? Be sure to also clarify these in your comments. ## How to test Unit tests, playground, etc. --> <!-- start pr-codex --> --- ## PR-Codex overview This PR primarily focuses on improving the `CodeOverview` and `CodeSegment` components by enhancing their layouts, functionality, and structure. It introduces new sections, components, and props to better handle user interactions and display relevant information. ### Detailed summary - Updated `className` in `CodeSegment` for better styling. - Added `scrollableContainerClassName` prop in `CodeSegment`. - Refactored `CodeOverview` to use props instead of interface. - Introduced `AccentButtonListContainer` and `AccentButton` components for button lists. - Created `AccountFactorySection` for account integration guidance. - Enhanced tab handling and layout in `CodeOverview`. - Improved user messaging and conditional rendering for SDK installation instructions. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
1 parent 3673109 commit c0ffa1c

File tree

2 files changed

+319
-367
lines changed

2 files changed

+319
-367
lines changed

apps/dashboard/src/@/components/blocks/code/code-segment.client.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ export const CodeSegment: React.FC<CodeSegmentProps> = ({
8686
return (
8787
<div
8888
className={
89-
"flex flex-col overflow-hidden rounded-lg border border-border"
89+
"flex flex-col overflow-hidden rounded-lg border border-border grow"
9090
}
9191
>
9292
{!hideTabs && (
@@ -106,7 +106,8 @@ export const CodeSegment: React.FC<CodeSegmentProps> = ({
106106

107107
{onlyTabs ? null : (
108108
<CodeClient
109-
className="rounded-none border-none"
109+
className="rounded-none border-none grow"
110+
scrollableContainerClassName="h-full"
110111
code={code}
111112
lang={
112113
isInstallCommand

0 commit comments

Comments
 (0)