feat: make the new ticket button more visible for paying users (#21453)

* make the new ticket button more visible for paying users * Update UI snapshots for `chromium` (1) * Update UI snapshots for `chromium` (2) * add different view for normal priority users * Update UI snapshots for `chromium` (2) * Update UI snapshots for `chromium` (1) * Update SidePanelSupport.tsx * Update SidePanelSupport.tsx --------- Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
PostHog · Apr 10, 2024 · e3302c6 · e3302c6
1 parent 4bfc761
commit e3302c6
Showing 1 changed file with 43 additions and 17 deletions.
diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
@@ -182,22 +182,48 @@ export const SidePanelSupport = (): JSX.Element => {
                         </ul>
                     </Section>
 
-                    <Section title="Ask the community">
-                        <p>
-                            Questions about features, how to's, or use cases? There are thousands of discussions in our
-                            community forums.
-                        </p>
-                        <LemonButton
-                            type="primary"
-                            fullWidth
-                            center
-                            to="https://posthog.com/questions"
-                            targetBlank
-                            className="mt-2"
-                        >
-                            Ask a question
-                        </LemonButton>
-                    </Section>
+                    {hasAvailableFeature(AvailableFeature.PRIORITY_SUPPORT) ? (
+                        <>
+                            <Section title="Contact us">
+                                <p>Can't find what you need in the docs?</p>
+                                <LemonButton
+                                    type="primary"
+                                    fullWidth
+                                    center
+                                    onClick={() => openEmailForm()}
+                                    targetBlank
+                                    className="mt-2"
+                                >
+                                    Email an engineer
+                                </LemonButton>
+                            </Section>
+                            {isEmailFormOpen ? <SupportFormBlock onCancel={() => closeEmailForm()} /> : null}
+                            <Section title="Ask the community">
+                                <p>
+                                    Questions about features, how to's, or use cases? There are thousands of discussions
+                                    in our community forums.{' '}
+                                    <Link to="https://posthog.com/questions">Ask a question</Link>
+                                </p>
+                            </Section>
+                        </>
+                    ) : (
+                        <Section title="Ask the community">
+                            <p>
+                                Questions about features, how to's, or use cases? There are thousands of discussions in
+                                our community forums.
+                            </p>
+                            <LemonButton
+                                type="primary"
+                                fullWidth
+                                center
+                                to="https://posthog.com/questions"
+                                targetBlank
+                                className="mt-2"
+                            >
+                                Ask a question
+                            </LemonButton>
+                        </Section>
+                    )}
 
                     <Section title="Share feedback">
                         <ul>
@@ -255,7 +281,7 @@ export const SidePanelSupport = (): JSX.Element => {
                             ) : (
                                 <p>
                                     Can't find what you need in the docs?{' '}
-                                    <Link onClick={() => openEmailForm()}>Email an engineer</Link>
+                                    <Link onClick={() => openEmailForm()}>Open a ticket</Link>
                                 </p>
                             )}
                         </Section>