modaq
Version:
Quiz Bowl Reader using TypeScript, React, and MobX
32 lines • 1.58 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.QuestionViewerContainer = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const mobx_react_lite_1 = require("mobx-react-lite");
const react_2 = require("@fluentui/react");
const CycleChooser_1 = require("./CycleChooser");
const QuestionViewer_1 = require("./QuestionViewer");
require("../state/AppState");
const StateContext_1 = require("../contexts/StateContext");
exports.QuestionViewerContainer = mobx_react_lite_1.observer(function QuestionViewerContainer() {
const appState = react_1.default.useContext(StateContext_1.StateContext);
const classes = getClassNames();
if (!appState.game.isLoaded) {
return null;
}
return (jsx_runtime_1.jsxs("div", Object.assign({ className: "question-viewer-container" }, { children: [jsx_runtime_1.jsx("div", Object.assign({ className: classes.cycleChooserContainer }, { children: jsx_runtime_1.jsx(CycleChooser_1.CycleChooser, {}, void 0) }), void 0),
jsx_runtime_1.jsx(QuestionViewer_1.QuestionViewer, {}, void 0)] }), void 0));
});
const getClassNames = () => react_2.mergeStyleSets({
cycleChooserContainer: {
display: "flex",
justifyContent: "center",
height: "5vh",
margin: 10,
},
});
//# sourceMappingURL=QuestionViewerContainer.js.map