const EVENTS_CONTRACT = 'events_v2.near'; const event_list_id = props.event_list_id; if (!event_list_id) { return props.__engine.helpers.propsIsRequiredMessage('event_list_id'); } const event_list = props.__engine.contract.view( EVENTS_CONTRACT, 'get_event_list', { event_list_id, include_events: true } ); if (!event_list) { return props.__engine.loading(); } if (!state) { State.init({ term: '', }); return <></>; } props.controller.setLayout('layouts:modal', { title: `Add events to ${event_list.name}`, }); console.log('event_list', event_list); function addEventToList(event_id, position) { props.__engine.contract.call(EVENTS_CONTRACT, 'add_event_to_event_list', { event_list_id, event_id, position, }); } const Text = props.__engine.Components.Text; const Hr = props.__engine.Components.Hr; const Searchbar = styled.input` width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 0.25rem; font-size: 1rem; &:focus { outline: none; border-color: #333; } &::placeholder { color: red; } `; const allEvents = props.__engine.contract.view( EVENTS_CONTRACT, 'get_events', {} ); const events = allEvents.filter((event) => { return event.name.toLowerCase().includes(state.term.toLowerCase()); }); if (!events) { return <></>; }