Skip to content

Instantly share code, notes, and snippets.

@fmg-lydonchandra

fmg-lydonchandra/deno1.tsx

Created October 21, 2022 08:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fmg-lydonchandra/4801cb029eeb32e9f12a3acc6785ef5e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fmg-lydonchandra/4801cb029eeb32e9f12a3acc6785ef5e to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. fmg-lydonchandra created this gist Oct 21, 2022.
    30 changes: 30 additions & 0 deletions deno1.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,30 @@
    import { React, window } from "https://deno.land/x/tsx_static@2.0.3/mod.ts";

    export type Cycle = {
    id: string;
    durations?: Record<string, number>;
    };

    const Box = <div></div>;
    const DetailItem = <div></div>;

    function renderDetails(cycle: Cycle): any {
    const bla = Object.entries(cycle.durations);
    console.log(bla);

    return Object.entries(cycle.durations)
    .map(([key, value], idx) => {
    // console.log(key, value);
    return (<DetailItem key={key}>
    <Box className={key.toUpperCase() === "DELAY" ? "isDelay" : ""}>{key}</Box>
    <Box>{value}</Box>
    </DetailItem>);
    })
    }

    const data1: Cycle = {
    id: "id1", durations: { "Delay": 100, "NotDelay": 0 },
    }

    const fragment = renderDetails(data1);
    console.log(JSON.stringify(fragment, null, 2))