ExternalVendorCode/ChainForge
1
0
Fork 0
mirror of https://github.com/ianarawjo/ChainForge.git synced 2025-03-14 16:26:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

better badge

Browse Source
This commit is contained in:
Priyan Vaithilingam 2023-05-09 13:06:59 -04:00
parent 47970a683c
commit bb436b2eca
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
chain-forge/src/CsvNode.js
View File

@ -1,5 +1,5 @@
import React, { useState, useRef, useEffect, useCallback } from 'react';
import { Text } from '@mantine/core';
import { Badge, Text } from '@mantine/core';
import useStore from './store';
import NodeLabel from './NodeLabelComponent'
import { IconCsv } from '@tabler/icons-react';
@ -55,7 +55,8 @@ const CsvNode = ({ data, id }) => {
// generate a HTML code that highlights the elements
const html = [];
elements.forEach((e, idx) => {
html.push(<span key={idx} className="csv-element">{e}</span>);
html.push(<Badge color="orange" size="lg" radius="sm">{e}</Badge>)
// html.push(<span key={idx} className="csv-element">{e}</span>);
if (idx < elements.length - 1) {
html.push(<span key={idx + 'comma'} className="csv-comma">,</span>);
}