Contents

import React from "react";

import * as Tags from "../../types/Tags";

interface Props {
  enabled: boolean;
  tag: string;
  dispatch: (action: Tags.Action) => void;
}

export default function Tag(props: Props) {
  const handleChange = () => {
    props.dispatch({ type: "toggleTag", payload: props.tag });
  };

  const classes = ["tag"];
  if (props.enabled) {
    classes.push("enabled");
  }

  return (
    <span className={classes.join(" ")}>
      <label className="check-box">
        <input
          type="checkbox"
          name={"tag-" + props.tag}
          value="1"
          checked={props.enabled}
          onChange={handleChange}
        />
        <span className="name">{props.tag}</span>
      </label>
    </span>
  );
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
pages_core-3.15.4	app/javascript/components/TagEditor/Tag.tsx
pages_core-3.15.3	app/javascript/components/TagEditor/Tag.tsx
pages_core-3.15.2	app/javascript/components/TagEditor/Tag.tsx
pages_core-3.15.1	app/javascript/components/TagEditor/Tag.tsx