update TODO popups a bit

Author: nedtwigg

src/components/Badge.tsx

@@ -48,7 +48,7 @@ const Badge = ({ text, type }: BadgeProps) => {
       {TooltipComponent && (
         <div
           className={twMerge(
-            'absolute top-full z-10 w-50 rounded border px-2 py-1 text-xs shadow-lg',
+            'absolute top-full z-10 w-30 rounded border px-2 py-1 text-left text-xs shadow-lg',
             typeColors[type],
           )}
         >

src/components/BadgePreviews/CodePreview.tsx

@@ -1,3 +1,11 @@
 export function CodePreview() {
-  return <a href='https://github.com/diffplug/gitcasso/issues/81'>TODO #81</a>
+  return (
+    <>
+      TODO{' '}
+      <a href='https://github.com/diffplug/gitcasso/issues/81' className='underline'>
+        #81
+      </a>
+      : show every codeblock in the draft
+    </>
+  )
 }

src/components/BadgePreviews/ImagePreview.tsx

@@ -1,3 +1,11 @@
 export function ImagePreview() {
-  return <a href='https://github.com/diffplug/gitcasso/issues/80'>TODO #80</a>
+  return (
+    <>
+      TODO{' '}
+      <a href='https://github.com/diffplug/gitcasso/issues/80' className='underline'>
+        #80
+      </a>
+      : show every image in the draft
+    </>
+  )
 }

src/components/BadgePreviews/LinkPreview.tsx

@@ -1,3 +1,11 @@
 export function LinkPreview() {
-  return <a href='https://github.com/diffplug/gitcasso/issues/79'>TODO #79</a>
+  return (
+    <>
+      TODO{' '}
+      <a href='https://github.com/diffplug/gitcasso/issues/79' className='underline'>
+        #79
+      </a>
+      : show text, url, and preview info for every link in the draft
+    </>
+  )
 }

src/components/BadgePreviews/TextPreview.tsx

@@ -1,3 +1,11 @@
 export function TextPreview() {
-  return <a href='https://github.com/diffplug/gitcasso/issues/82'>TODO #82</a>
+  return (
+    <>
+      TODO{' '}
+      <a href='https://github.com/diffplug/gitcasso/issues/82' className='underline'>
+        #82
+      </a>
+      : show the syntax-highlighted markdown of the latest draft
+    </>
+  )
 }

src/components/BadgePreviews/TimePreview.tsx

@@ -1,3 +1,11 @@
 export function TimePreview() {
-  return <a href='https://github.com/diffplug/gitcasso/issues/83'>TODO #83</a>
+  return (
+    <>
+      TODO{' '}
+      <a href='https://github.com/diffplug/gitcasso/issues/83' className='underline'>
+        #83
+      </a>
+      : show the revision history of the comment
+    </>
+  )
 }