fix toast position, sticky preview, improve code editor header filena…

…me select box color (#149)
tscircuit · Oct 31, 2024 · 811832e · 811832e
1 parent a8824f1
commit 811832e
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/components/CodeEditor.tsx b/src/components/CodeEditor.tsx
@@ -29,7 +29,6 @@ import React from "@types/react/jsx-runtime"
 import { Circuit, createUseComponent } from "@tscircuit/core"
 import type { CommonLayoutProps } from "@tscircuit/props"
 `
-
 export const CodeEditor = ({
   onCodeChange,
   onDtsChange,
@@ -209,7 +208,7 @@ export const CodeEditor = ({
             hoverTooltip((view, pos, side) => {
               const { from, to, text } = view.state.doc.lineAt(pos)
               const line = text.slice(from, to)
-              const match = line.match(/@tsci\/[\w.]+/)
+              const match = line.match(/@tsci\/[\w\-.]+/)
               if (match) {
                 const importName = match[0]
                 const start = line.indexOf(importName)
@@ -266,7 +265,7 @@ export const CodeEditor = ({
                 for (let pos = from; pos < to; ) {
                   const line = view.state.doc.lineAt(pos)
                   const lineText = line.text
-                  const matches = lineText.matchAll(/@tsci\/[\w.]+/g)
+                  const matches = lineText.matchAll(/@tsci\/[\w\-.]+/g)
                   for (const match of matches) {
                     if (match.index !== undefined) {
                       const start = line.from + match.index

diff --git a/src/components/CodeEditorHeader.tsx b/src/components/CodeEditorHeader.tsx
@@ -66,7 +66,7 @@ export const CodeEditorHeader = ({
     <div className="flex items-center gap-2 px-2 border-b border-gray-200">
       <div>
         <Select value={currentFile} onValueChange={handleFileChange}>
-          <SelectTrigger className="h-7 px-3">
+          <SelectTrigger className="h-7 px-3 bg-white">
             <SelectValue placeholder="Select file" />
           </SelectTrigger>
           <SelectContent>

diff --git a/src/components/PreviewContent.tsx b/src/components/PreviewContent.tsx
@@ -70,7 +70,7 @@ export const PreviewContent = ({
   }, [circuitJson])
 
   return (
-    <div className={cn("flex flex-col h-full relative", className)}>
+    <div className={cn("flex flex-col relative", className)}>
       <div className="md:sticky md:top-2">
         <Tabs
           value={activeTab}

diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
@@ -14,7 +14,7 @@ const ToastViewport = React.forwardRef<
   <ToastPrimitives.Viewport
     ref={ref}
     className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-0 sm:right-0 sm:flex-col md:max-w-[420px]",
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:top-auto sm:right-0 sm:flex-col md:max-w-[420px]",
       className,
     )}
     {...props}