bautistaaa

class Greeter {
    constructor(public greeting: string) { }
    greet() {
        return "<h1>" + this.greeting + "</h1>";
    }
};

var greeter = new Greeter("Hello, Ministry of Programming!");
var str = greeter.greet();

bautistaaa

const translations = {
  translationOne: 'hello world',
  translationTwo: 'hello {{world}}',
  translationThree: "hello {{world}}, I'm {{name}}!",
  translationFour: '{{foo}} has a {{bar}}',
} as const;

type Translations = typeof translations;
type InterpolateInner<
  S extends string,

bautistaaa

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

bautistaaa

  const playerMachine = Machine({
    id: 'player',
    initial: 'boot',
    context: {
      playbackState: undefined
    },
    states: {
      boot: {
        on: {
          RESOLVE: { target: 'initialized'},

bautistaaa

import React, { useState, useEffect, useRef } from "react";

const TimerFunction = ({ minutes, seconds }) => {
  const [min, setMin] = useState(minutes);
  const [sec, setSec] = useState(seconds);
  const [active, setActive] = useState(false);
  const intervalRef = useRef();

  useEffect(() => {
    setMin(minutes);

bautistaaa

import React, { useState } from "react";
// import StartStopTimer from "./StartStopTimer";
import Timer from "./TimerFunction";

const Clock = () => {
  const [minutes, setMinutes] = useState(0);
  const [seconds, setSeconds] = useState(0);
  const [submittedMinutes, setSubmittedMinutes] = useState(0);
  const [submittedSeconds, setSubmittedSeconds] = useState(0);

bautistaaa

          {selectedMenus[depth] === label && (
            <SidebarItem.List depth={depth}>
              {children.map((child, i) => {
                const { label } = child;
                const childDepth = depth + 1;
                return (
                  <SidebarItem
                    link={child}
                    handleMenuSelection={handleMenuSelection}
                    key={`child-${label}-${i}`}

bautistaaa

const SidebarItem = ({
  link,
  handleMenuSelection,
  selectedMenus,
  depth = 0,
}) => {
  const { label, path, children = [] } = link;
  return (
    <>
      {children.length > 0 ? (

bautistaaa

    <Sidebar.Wrapper>
      <Sidebar.List onMouseLeave={() => setSelectedMenus([])}>
        {links.map((link) => {
          return (
            <SidebarItem
              link={link}
              handleMenuSelection={handleMenuSelection}
              key={link.label}
              selectedMenus={selectedMenus}
            />

bautistaaa

const Sidebar = (props) => {
  const { links } = props;
  const [selectedMenus, setSelectedMenus] = useState([]);
    const handleMenuSelection = (label, depth) => {
    setSelectedMenus((selectedMenus) => {
      const newSelectedMenus = [...selectedMenus];
      // trim any menus after the depth
      newSelectedMenus.length = depth;
      if (label !== '') {
        newSelectedMenus[depth] = label;