hide rabbithole button

Author: blackforestboi

src/in-page-ui/ribbon/react/components/ribbon.tsx

@@ -79,6 +79,7 @@ export interface Props extends RibbonSubcomponentProps {
     getRootElement: () => HTMLElement
     bgScriptBG: RemoteBGScriptInterface
     setWriteError: (error: string) => void
+    showRabbitHoleButton: boolean
 }
 
 interface State {
@@ -1683,6 +1684,7 @@ export default class Ribbon extends Component<Props, State> {
                 </IconContainer>
             )
         } else {
+            console.log('showRabbitHoleButton', this.props.showRabbitHoleButton)
             return (
                 <>
                     <InnerRibbon
@@ -1775,6 +1777,8 @@ export default class Ribbon extends Component<Props, State> {
                                                 this.renderAItriggerButton()}
                                             {!this.props.sidebar
                                                 .isSidebarOpen &&
+                                                this.props
+                                                    .showRabbitHoleButton &&
                                                 this.renderRabbitHoleTriggerButton()}
                                             {!this.props.sidebar
                                                 .isSidebarOpen &&

src/in-page-ui/ribbon/react/containers/ribbon/index.tsx

@@ -133,6 +133,7 @@ export default class RibbonContainer extends StatefulUIElement<
                     })
                 }
                 isTrial={this.state.isTrial}
+                showRabbitHoleButton={this.state.showRabbitHoleButton}
                 signupDate={this.state.signupDate}
                 pageActivityIndicatorBG={this.props.pageActivityIndicatorBG}
                 contentSharingBG={this.props.contentSharing}

src/in-page-ui/ribbon/react/containers/ribbon/logic.ts

@@ -68,6 +68,7 @@ export interface RibbonContainerState {
     isTrial: boolean
     signupDate: number
     themeVariant: MemexThemeVariant
+    showRabbitHoleButton: boolean
 }
 
 export type RibbonContainerEvents = UIEvent<
@@ -184,6 +185,7 @@ export class RibbonContainerLogic extends UILogic<
             isTrial: false,
             signupDate: null,
             themeVariant: null,
+            showRabbitHoleButton: false,
         }
     }
 
@@ -225,6 +227,21 @@ export class RibbonContainerLogic extends UILogic<
         } catch (error) {
             console.error('error in updatePageCounter', error)
         }
+
+        const onboardingComplete = await browser.storage.local.get(
+            'rabbitHoleBetaFeatureAccessOnboardingDone',
+        )
+
+        console.log(
+            'onboardingcomlete',
+            onboardingComplete['rabbitHoleBetaFeatureAccessOnboardingDone'],
+        )
+
+        if (onboardingComplete['rabbitHoleBetaFeatureAccessOnboardingDone']) {
+            this.emitMutation({
+                showRabbitHoleButton: { $set: true },
+            })
+        }
     }
 
     async initThemeVariant() {