fix: some bugfix

Author: dolphin0618

src/frontend/platform/src/components/bs-ui/button/index.tsx

@@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cname } from "../utils"
 import { LoadIcon } from "@/components/bs-icons"
 const buttonVariants = cva(
-    "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+    "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
     {
         variants: {
             variant: {

src/frontend/platform/src/pages/BuildPage/flow/FlowNode/component/VarInput.tsx

@@ -116,7 +116,9 @@ export default function VarInput({
 
     useEffect(() => {
         console.log('!!!value :>> ', value);
-        // if (valueRef.current && valueRef.current === value) return
+        if (valueRef.current && valueRef.current !== value) {
+            valueRef.current = value;
+        }
         textareaRef.current.innerHTML = parseToHTML(value || '')[0];
         setFullVarInputValue(value)
         placeholderInit();

src/frontend/platform/src/pages/Dashboard/components/charts/MetricCard.tsx

@@ -164,7 +164,7 @@ export function MetricCard({ data, dataConfig, styleConfig }: MetricCardProps) {
         <div style={titleStyle}>{indicatorName}</div>
       </div>
       {/* value */}
-      <div style={metricStyle}>
+      <div style={metricStyle} className='leading-[1.2em]'>
         {formatValue}
         {displayUnit && <span className="text-xl ml-2 text-muted-foreground">{displayUnit}</span>}
       </div>

src/frontend/platform/src/pages/Dashboard/components/charts/QueryFilter.tsx

@@ -57,14 +57,14 @@ export function QueryFilter({ isDark, component, isPreviewMode = false }: QueryF
     }, [queryConditions.defaultValue, queryConditions.defaultValue])
 
     return (
-        <div className="w-full h-full p-4 flex flex-col gap-3 relative">
+        <div className="w-full h-full p-4 py-0 flex flex-col gap-3 relative">
             {/* date zone */}
-            <div className="flex flex-col gap-2 pr-24">
+            {/* <div className="flex flex-col gap-2 pr-24">
                 <label className={cn("text-sm font-medium", "dark:text-gray-400")}>{t('selectDate')}</label>
-            </div>
+            </div> */}
 
             {/* query btn */}
-            <div className="no-drag w-full flex flex-1 gap-2 items-center select-none">
+            <div className="no-drag w-full flex flex-1 gap-4 items-center select-none">
                 <AdvancedDatePicker
                     granularity={map[queryConditions.timeGranularity]}
                     mode={queryConditions.displayType}

src/frontend/platform/src/pages/Dashboard/components/editor/ComponentWrapper.tsx

@@ -42,8 +42,8 @@ export function ComponentWrapper({
 
     useEffect(() => {
         console.log('componentData :>> ', componentData);
-        setTitle(component.title)
-    }, [editingComponent, component])
+        setTitle(componentData.title)
+    }, [editingComponent])
 
     useEffect(() => {
         if (isEditing && inputRef.current) {

src/frontend/platform/src/pages/Dashboard/components/editor/EditorCanvas.tsx

@@ -241,12 +241,13 @@ export function EditorCanvas({ isLoading, isPreviewMode, dashboard }: EditorCanv
         <>
             <div className="flex h-full">
                 <div
+                    id="edit-charts-panne"
                     className={cn("flex-1 overflow-auto no-scrollbar", theme)}
                     style={{
                         backgroundColor: theme === 'dark' ? '#1a1a1a' : '#f5f5f5',
                     }}
                 >
-                    <div id="edit-charts-panne"
+                    <div
                         ref={containerRef}
                         className="min-w-[1000px]">
                         <div className="mx-auto relative" style={{

src/frontend/platform/src/pages/LoginPage/login.tsx

@@ -75,7 +75,7 @@ export const LoginPage = () => {
                     localStorage.removeItem('LOGIN_PATHNAME')
                     location.href = pathname
                 } else {
-                    const path = import.meta.env.DEV ? '/' : '/workspace'
+                    const path = import.meta.env.DEV ? '/admin' : '/workspace'
                     const rootUrl = `${location.origin}${__APP_ENV__.BASE_URL}${path}`
                     location.href = `${__APP_ENV__.BASE_URL}${location.pathname}` === '/' ? rootUrl : location.href
                 }

src/frontend/platform/src/routes/index.tsx

@@ -52,7 +52,8 @@ const baseConfig = {
 
 const RedirectToExternalLink = () => {
   useEffect(() => {
-    window.location.href = window.location.origin + '/workspace/';
+    const path = import.meta.env.DEV ? '/admin' : '/workspace/'
+    window.location.href = window.location.origin + path;
   }, []);
 
   return null;