iskenxan

  requestInventory = (inventoryItems) => {
    const [first] = inventoryItems;
    inventoryItems = inventoryItems.slice(1);

    return { first, inventoryItems };
  };

iskenxan

  requestInventory = () => {
    const [first] = this.inventoryItems;
    this.inventoryItems = this.inventoryItems.slice(1);

    return first;
  };

iskenxan

processInventory = (widget) => {
    displayLoader();
    switch (this.action) {
      case "REQUEST": {
        return this.requestInventory();
      }
      case "CLEAR": {
        return this.clearInventory();
      }
      case "ADD": {

iskenxan

import { displayLoader } from "./loader";

export default class InventoryManager {
  inventoryItems = [];
  action;

  processInventory = (widget) => {
    displayLoader();
    switch (this.action) {
      case "REQUEST": {

iskenxan

import { useState, useEffect } from "react";
import { BehaviorSubject } from "rxjs";

const subjects = {};

export const NOTES_STATE = "NOTES_STATE";

function getNewSubject(initValue) {
  return new BehaviorSubject(initValue);
}

iskenxan

import { useSharedNotes } from "./notesState";
import "./styles.css";

export default function Content() {
  const { notes } = useSharedNotes();
  return (
    <div className="content">
      {notes.map((note, index) => (
        <p key={index}>{note}</p>
      ))}

iskenxan

import { useState } from "react";
import { useSharedNotes } from "./notesState";

export default function Header() {
  const [value, setValue] = useState("");
  const { addNote, clear } = useSharedNotes();

  const handleChange = (e) => {
    setValue(e.target.value);
  };

iskenxan

import { useState, useEffect } from "react";
import { BehaviorSubject } from "rxjs";

let subject = null;

export const getNotes = () => {
  if (!subject) {
    return undefined;
  }

iskenxan

<Dropdown text="File">
  <Dropdown.Menu>
    <Dropdown.Item text="New" />
    <Dropdown.Item text="Open..." description="ctrl + o" />
    <Dropdown.Item text="Save as..." description="ctrl + s" />
  </Dropdown.Menu>
</Dropdown>

iskenxan

const useAccordionContext = () => useContext(AccordionContext);

const AccordionHeaderContainer = styled.div`
  padding: 8px 16px;
  background: #f5f5f5;
  border-top: 1px solid #d3d3d3;
  cursor: pointer;
`;

const AccordionPanelContainer = styled.div<{ height: string; padding: string }>`