phd20

import { createSelector } from 'reselect';
import { ApplicationState } from "..";

const sessionsSelector = (state: ApplicationState) => state.sessions.sessions;

export const sessionsArraySelector = createSelector(
    sessionsSelector,
    (sessions) => Object.values(sessions)
);

phd20

import { connect } from "react-redux";
import Dashboard from "./dashboard";
import { ApplicationState } from "../../store";
import { sessionsArraySelector } from "../../store/selectors/sessions";

const mapStateToProps = (state: ApplicationState) => {
    return {
        user: state.oidc.user,
        sessions: sessionsArraySelector(state),
    };

phd20

import { connect } from "react-redux";
import Dashboard from "./dashboard";
import { ApplicationState } from "../../store";

const mapStateToProps = (state: ApplicationState) => {
    return {
        user: state.oidc.user,
        sessions: Object.values(state.sessions.sessions),
    };
};

phd20

```leaflet
id: trial-slime-lord
image: [[trialoftheslimelord_-_dm.png]]
height: 900px
width: 95%
minZoom:5
maxZoom: 10
zoomDelta: .5
defaultZoom: 7
scale: 12