From 1d45a2f4034f50cbe9cb25070f954042cdf9127a Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Fri, 12 Apr 2024 22:18:56 -0700
Subject: [PATCH] move info to its own file

---
 bskyembed/src/components/embed.tsx | 13 ++-----------
 bskyembed/src/components/info.tsx  | 12 ++++++++++++
 2 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 bskyembed/src/components/info.tsx

diff --git a/bskyembed/src/components/embed.tsx b/bskyembed/src/components/embed.tsx
index 2f9f6b3cdb..a67dbc0cd8 100644
--- a/bskyembed/src/components/embed.tsx
+++ b/bskyembed/src/components/embed.tsx
@@ -8,10 +8,10 @@ import {
   AppBskyGraphDefs,
   AppBskyLabelerDefs,
 } from '@atproto/api'
-import {ComponentChildren, h} from 'preact'
+import {h} from 'preact'
 
-import infoIcon from '../../assets/circleInfo_stroke2_corner0_rounded.svg'
 import {getRkey} from '../utils'
+import {Info} from './info'
 import {Link} from './link'
 
 export function Embed({content}: {content: AppBskyFeedDefs.PostView['embed']}) {
@@ -159,15 +159,6 @@ export function Embed({content}: {content: AppBskyFeedDefs.PostView['embed']}) {
   }
 }
 
-function Info({children}: {children: ComponentChildren}) {
-  return (
-    <div className="w-full rounded-lg border py-2 px-2.5 flex-row flex gap-2 bg-neutral-50">
-      <img src={infoIcon as string} className="w-4 h-4 shrink-0 mt-0.5" />
-      <p className="text-sm text-textLight">{children}</p>
-    </div>
-  )
-}
-
 function ImageEmbed({content}: {content: AppBskyEmbedImages.View}) {
   switch (content.images.length) {
     case 1:
diff --git a/bskyembed/src/components/info.tsx b/bskyembed/src/components/info.tsx
new file mode 100644
index 0000000000..5d74532ad6
--- /dev/null
+++ b/bskyembed/src/components/info.tsx
@@ -0,0 +1,12 @@
+import {ComponentChildren, h} from 'preact'
+
+import infoIcon from '../../assets/circleInfo_stroke2_corner0_rounded.svg'
+
+export function Info({children}: {children: ComponentChildren}) {
+  return (
+    <div className="w-full rounded-lg border py-2 px-2.5 flex-row flex gap-2 bg-neutral-50">
+      <img src={infoIcon} className="w-4 h-4 shrink-0 mt-0.5" />
+      <p className="text-sm text-textLight">{children}</p>
+    </div>
+  )
+}