Contents

import React from "react";

import { allTags, isEnabled } from "./useTags";

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

interface Props {
  name: string;
  state: Tags.State;
  dispatch: (action: Tags.Action) => void;
}

export default function Editor(props: Props) {
  const { name, state, dispatch } = props;

  return (
    <div className="tag-editor">
      <input type="hidden" name={name} value={JSON.stringify(state.enabled)} />
      {allTags(state).map((t) => (
        <Tag
          key={t}
          tag={t}
          enabled={isEnabled(t, state)}
          dispatch={dispatch}
        />
      ))}
      <AddTagForm dispatch={dispatch} />
    </div>
  );
}

Version data entries

4 entries across 4 versions & 1 rubygems

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