feat(Onboarding Menu): defaultExpanded in OnboardingMenuItem (#179)

gravity-ui · Apr 8, 2024 · 57987ad · 57987ad
1 parent 9699b27
commit 57987ad
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/components/OnboardingMenu/OnboardingMenu.scss b/src/components/OnboardingMenu/OnboardingMenu.scss
@@ -40,6 +40,7 @@ $block: '.#{variables.$ns}onboarding-menu';
         border: none;
         cursor: pointer;
         width: 100%;
+        color: var(--g-color-text-brand-contrast);
 
         padding: 0;
     }

diff --git a/src/components/OnboardingMenu/components/OnboardingMenuItem.scss b/src/components/OnboardingMenu/components/OnboardingMenuItem.scss
@@ -94,6 +94,7 @@ $block: '.#{variables.$ns}onboarding-menu-item';
         background-color: transparent;
         border: none;
         padding: 0;
+        color: var(--g-color-text-primary);
     }
 
     &__title {

diff --git a/src/components/OnboardingMenu/components/OnboardingMenuItem.tsx b/src/components/OnboardingMenu/components/OnboardingMenuItem.tsx
@@ -10,6 +10,7 @@ import './OnboardingMenuItem.scss';
 export type OnboardingMenuItemProps = {
     title: string;
     status?: 'completed' | 'pending';
+    defaultExpanded?: boolean;
     children?: React.ReactNode;
     buttons?: React.ReactNode;
     hasDivider?: boolean;
@@ -24,6 +25,7 @@ export const OnboardingMenuItem = ({
     title,
     status,
     children,
+    defaultExpanded,
     buttons,
     hasDivider = true,
     loading = false,
@@ -66,7 +68,11 @@ export const OnboardingMenuItem = ({
     );
 
     const header = children ? (
-        <Disclosure size="l" className={cnOnboardingMenuItem('title-header')}>
+        <Disclosure
+            size="l"
+            className={cnOnboardingMenuItem('title-header')}
+            defaultExpanded={defaultExpanded}
+        >
             <Disclosure.Summary>
                 {(props) => (
                     <button {...props} className={cnOnboardingMenuItem('title-summary')}>