ShareLayout

ShareLayout.tsx

const ShareLayout: React.StatelessComponent<ComposedShareLayoutInterface> = ({
  chain,
  setQuantity,
}) => {
  return (
    <div className="share-chain">
      <h1>{chain.title}</h1>
      <ChainViewLayout chain={chain.chain} mapParams={makeQuantityEditable(setQuantity)} />
    </div>
  );
};

export default compose<{}, ShareLayoutInterface>(
  withState('chain', 'setChain', ({ chain }) => chain),
  withHandlers({
    setQuantity: ({ setChain }) => path => quantity =>
      setChain(chain => {
        const clonedChain = cloneDeep(chain);
        const fullPath = convertPathToChainResourcePath(chain, path);
        const quantityPath = [...fullPath, 'payload', 'quantity'];
        return set(clonedChain, quantityPath, quantity);
      }),
  }),
)(ShareLayout);