feat: move buttons higher (#18039)

* feat: move buttons higher * Update UI snapshots for `chromium` (2) --------- Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
PostHog · Oct 18, 2023 · 2294b38 · 2294b38
1 parent f930132
commit 2294b38
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 22 deletions.
diff --git a/frontend/__snapshots__/components-sharing--insight-sharing-licensed.png b/frontend/__snapshots__/components-sharing--insight-sharing-licensed.png
diff --git a/frontend/__snapshots__/components-sharing--insight-sharing.png b/frontend/__snapshots__/components-sharing--insight-sharing.png
diff --git a/frontend/__snapshots__/components-sharing--recording-sharing-licensed.png b/frontend/__snapshots__/components-sharing--recording-sharing-licensed.png
diff --git a/frontend/src/lib/components/Sharing/SharingModal.tsx b/frontend/src/lib/components/Sharing/SharingModal.tsx
@@ -121,28 +121,6 @@ export function SharingModalContent({
                             </div>
 
                             <Form logic={sharingLogic} props={logicProps} formKey="embedConfig" className="space-y-2">
-                                {previewIframe && (
-                                    <div className="rounded border">
-                                        <LemonButton
-                                            fullWidth
-                                            status="stealth"
-                                            sideIcon={showPreview ? <IconUnfoldLess /> : <IconUnfoldMore />}
-                                            onClick={togglePreview}
-                                        >
-                                            Preview
-                                            {showPreview && !iframeLoaded ? <Spinner className="ml-2" /> : null}
-                                        </LemonButton>
-                                        {showPreview && (
-                                            <div className="SharingPreview border-t">
-                                                <iframe
-                                                    className="block"
-                                                    {...iframeProperties}
-                                                    onLoad={() => setIframeLoaded(true)}
-                                                />
-                                            </div>
-                                        )}
-                                    </div>
-                                )}
                                 <Field name="whitelabel">
                                     {({ value, onChange }) => (
                                         <LemonSwitch
@@ -203,6 +181,29 @@ export function SharingModalContent({
                                         )}
                                     </Field>
                                 )}
+
+                                {previewIframe && (
+                                    <div className="rounded border">
+                                        <LemonButton
+                                            fullWidth
+                                            status="stealth"
+                                            sideIcon={showPreview ? <IconUnfoldLess /> : <IconUnfoldMore />}
+                                            onClick={togglePreview}
+                                        >
+                                            Preview
+                                            {showPreview && !iframeLoaded ? <Spinner className="ml-2" /> : null}
+                                        </LemonButton>
+                                        {showPreview && (
+                                            <div className="SharingPreview border-t">
+                                                <iframe
+                                                    className="block"
+                                                    {...iframeProperties}
+                                                    onLoad={() => setIframeLoaded(true)}
+                                                />
+                                            </div>
+                                        )}
+                                    </div>
+                                )}
                             </Form>
                         </>
                     ) : null}