A little nicer, time to do more rendering cleanup

DrJKL · Sep 4, 2023 · 0d6502e · 0d6502e
1 parent 58c6767
commit 0d6502e
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/components/chunks/VariableView.tsx b/src/components/chunks/VariableView.tsx
@@ -1,16 +1,16 @@
 import { Variable, VariableFlavor } from '@rendering/parsed_types';
 import { KeyPath, pathToString } from '@rendering/rendering_utils';
 import { PromptView } from './PromptView';
-import { Badge, Tooltip } from '@mui/material';
+import { Tooltip } from '@mui/material';
 
 interface VariableProps extends KeyPath {
   variable: Variable;
 }
 
 const FLAVOR_TO_SYMBOL: Record<VariableFlavor, string> = {
   access: '',
-  assignment: '= ',
-  assignmentImmediate: '=!',
+  assignment: ' = ',
+  assignmentImmediate: ' =! ',
   unknown: '¿¿',
 };
 
@@ -22,10 +22,18 @@ export function VariableView({
 }: VariableProps) {
   return (
     <Tooltip
-      title={`variable: ${variable.name}${FLAVOR_TO_SYMBOL[variable.flavor]}`}
+      title={
+        <div>
+          ${'{'}
+          {variable.name}
+          {FLAVOR_TO_SYMBOL[variable.flavor]}
+          {'}'}
+          <br />
+          {pathToString('variable', path)}
+        </div>
+      }
       color="primary">
       <span
-        title={pathToString('variable', path)}
         className={`${
           fancy
             ? '' //'border-rose-600 border-opacity-50 border-2 rounded-md flex-[0_1_fit-content] inline-flex'