Also convert plugin error popover title

PostHog · Sep 26, 2023 · 8c55f5f · 8c55f5f
1 parent 4b7c24a
commit 8c55f5f
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/frontend/src/scenes/plugins/plugin/PluginError.tsx b/frontend/src/scenes/plugins/plugin/PluginError.tsx
@@ -1,27 +1,28 @@
-import { Button, Tag } from 'antd'
-import { ClearOutlined } from '@ant-design/icons'
 import { PluginErrorType } from '~/types'
+import { Tag } from 'antd'
 import { CodeSnippet, Language } from 'lib/components/CodeSnippet'
-import { dayjs } from 'lib/dayjs'
-import { LemonDropdown } from '@posthog/lemon-ui'
+import { LemonButton, LemonDropdown } from '@posthog/lemon-ui'
+import { TZLabel } from '@posthog/apps-common'
+import { IconClose } from 'lib/lemon-ui/icons'
 
 export function PluginError({ error, reset }: { error: PluginErrorType; reset?: () => void }): JSX.Element | null {
     if (!error) {
         return null
     }
     return (
         <LemonDropdown
-            title={<div style={{ textAlign: 'center' }}>{dayjs(error.time).format('YYYY-MM-DD - HH:mm:ss')}</div>}
             overlay={
                 <>
-                    {reset ? (
-                        <Button size="small" onClick={reset} style={{ float: 'right', marginLeft: 10 }}>
-                            <ClearOutlined /> Delete
-                        </Button>
-                    ) : null}
-                    <div>
-                        {error.name ? <strong>{error.name}: </strong> : ''}
-                        {error.message}
+                    <div className="flex items-center">
+                        <span className="grow mr-2">
+                            {error.name ? <strong>{error.name} </strong> : ''}
+                            <TZLabel time={error.time} />
+                        </span>
+                        {reset ? (
+                            <LemonButton size="small" type="secondary" onClick={reset} icon={<IconClose />}>
+                                Clear
+                            </LemonButton>
+                        ) : null}
                     </div>
                     {error.stack ? (
                         <CodeSnippet wrap style={{ fontSize: 10 }} language={Language.JavaScript}>