@ovine/craft
Version:
Ovine json editor.
20 lines (19 loc) • 774 B
JavaScript
import cls from 'classnames';
import { observer } from 'mobx-react';
import React, { useState } from 'react';
import { previewStore } from "../../preview/store";
import { useAsideStore } from "../store";
import { StyledNav } from "./styled";
export default observer(() => {
const { navs } = useAsideStore();
const [activeId, setActiveId] = useState('');
const onNavClick = (id) => {
previewStore.setEditId(id);
setActiveId(id);
};
return (React.createElement(StyledNav, null,
React.createElement("ul", null, navs.map((nav) => {
const { id, label } = nav;
return (React.createElement("li", { key: id, className: cls({ active: activeId === id }), onClick: () => onNavClick(id) }, label));
}))));
});