wip

winglang · Jun 27, 2023 · c3d5d8a · c3d5d8a
1 parent 3a01f85
commit c3d5d8a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/apps/wing-console/console/design-system/src/attribute.tsx b/apps/wing-console/console/design-system/src/attribute.tsx
@@ -10,7 +10,7 @@ interface AttributeProps {
   type?: "url";
   url?: string;
   noLeftPadding?: boolean;
-  labelTop?: boolean;
+  centerLabel?: boolean;
 }
 
 export const Attribute = ({
@@ -20,7 +20,7 @@ export const Attribute = ({
   url,
   children,
   noLeftPadding = false,
-  labelTop = false,
+  centerLabel = true,
 }: PropsWithChildren<AttributeProps>) => {
   const { theme } = useTheme();
   const id = useId();
@@ -29,7 +29,7 @@ export const Attribute = ({
       className={classNames(
         "flex flex-row",
         !noLeftPadding && "pl-4",
-        !labelTop && "items-center",
+        centerLabel && "items-center",
       )}
     >
       <label htmlFor={id} className={classNames(theme.text2, "min-w-[100px]")}>

diff --git a/apps/wing-console/console/ui/src/features/map-view.tsx b/apps/wing-console/console/ui/src/features/map-view.tsx
@@ -27,7 +27,6 @@ export const MapView = ({
   const { mapData } = useMap({ showTests: showTests ?? false });
 
   const { theme } = useTheme();
-
   return (
     <ZoomPaneProvider>
       <div className="h-full flex flex-col">

diff --git a/apps/wing-console/console/ui/src/ui/edge-metadata.tsx b/apps/wing-console/console/ui/src/ui/edge-metadata.tsx
@@ -139,7 +139,7 @@ export const EdgeMetadata = ({
           </Attribute>
 
           <div className="border-t border-transparent">
-            <Attribute name="Inflights" labelTop>
+            <Attribute name="Inflights" centerLabel={false}>
               <div className="w-full">
                 <Tree
                   entries={entries}

diff --git a/apps/wing-console/console/ui/src/ui/elk-map.tsx b/apps/wing-console/console/ui/src/ui/elk-map.tsx
@@ -1,6 +1,6 @@
 import classNames from "classnames";
 import ELK, { ElkNode, LayoutOptions } from "elkjs/lib/elk.bundled.js";
-import { AnimatePresence, m, motion } from "framer-motion";
+import { AnimatePresence, motion } from "framer-motion";
 import { FC, Fragment, useCallback, useEffect, useRef, useState } from "react";
 
 import { Edge } from "../shared/Edge.js";
@@ -9,6 +9,7 @@ import { Node } from "../shared/Node.js";
 import { EdgeItem } from "./edge-item.js";
 import { useNodeStaticData } from "./use-node-static-data.js";
 import { ZoomPane, useZoomPaneContext } from "./zoom-pane.js";
+
 const durationClass = "duration-500";
 
 const layoutOptions: LayoutOptions = {
@@ -271,7 +272,7 @@ export const ElkMap = <T extends unknown = undefined>({
     });
   }, [graph, nodeRecord, offsets, edges, setNodeList]);
 
-  const { zoomToFit, transform } = useZoomPaneContext() ?? {};
+  const { zoomToFit } = useZoomPaneContext() ?? {};
   const zoomToNode = useCallback(
     (nodeId: string | undefined) => {
       const node = nodeList.find((node) => node.id === nodeId ?? "root");