fix contrasting from set output

tokens-studio · Nov 24, 2023 · 23cc354 · 23cc354
1 parent 483a38f
commit 23cc354
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/.changeset/tricky-elephants-scream.md b/.changeset/tricky-elephants-scream.md
@@ -0,0 +1,5 @@
+---
+"@tokens-studio/graph-editor": patch
+---
+
+Fix output of Contrasting from Set
diff --git a/packages/graph-editor/src/components/flow/nodes/color/contrastingFromSetNode.tsx b/packages/graph-editor/src/components/flow/nodes/color/contrastingFromSetNode.tsx
@@ -48,19 +48,6 @@ const ContrastingFromSetNode = () => {
     [setState],
   );
 
-  const entries = useMemo(() => {
-    if (!output || typeof output !== 'object' || !output.token) {
-      return null;
-    }
-
-    return Object.entries(output.token).map(([key, value]) => (
-      <Handle id={key} key={key}>
-        <HandleText>{key}</HandleText>
-        <PreviewAny value={value} />
-      </Handle>
-    ));
-  }, [output]);
-
   return (
     <Stack direction="row" gap={4}>
       <HandleContainer type="target">
@@ -117,7 +104,10 @@ const ContrastingFromSetNode = () => {
         </Handle>
       </HandleContainer>
       <HandleContainer type="source">
-        {entries}
+        <Handle id="token">
+          <HandleText>Token</HandleText>
+          <PreviewAny value={output?.token} />
+        </Handle>
         <Handle id="index">
           <HandleText>Index</HandleText>
           <Text>{output.index}</Text>