73 lines
2.0 KiB
JavaScript
73 lines
2.0 KiB
JavaScript
import 'babel-polyfill';
|
|
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import { initialize, getConfig, subscribe, APP_READY } from '@edx/frontend-platform';
|
|
import { AppContext, AppProvider } from '@edx/frontend-platform/react';
|
|
import Header from '@edx/frontend-component-header';
|
|
|
|
import './index.scss';
|
|
import StudioHeader from '../src/studio-header/StudioHeader';
|
|
|
|
subscribe(APP_READY, () => {
|
|
ReactDOM.render(
|
|
<AppProvider>
|
|
{/* We can fake out authentication by including another provider here with the data we want */}
|
|
<AppContext.Provider value={{
|
|
authenticatedUser: null,
|
|
config: getConfig(),
|
|
}}>
|
|
<Header />
|
|
</AppContext.Provider>
|
|
<h5 className="mt-2 mb-5">Logged out state</h5>
|
|
|
|
{/* We can fake out authentication by including another provider here with the data we want */}
|
|
<AppContext.Provider value={{
|
|
authenticatedUser: {
|
|
userId: '123abc',
|
|
username: 'testuser',
|
|
roles: [],
|
|
administrator: false,
|
|
},
|
|
config: getConfig(),
|
|
}}>
|
|
<Header />
|
|
</AppContext.Provider>
|
|
<h5 className="mt-2 mb-5">Logged in state</h5>
|
|
<AppContext.Provider value={{
|
|
authenticatedUser: {
|
|
userId: '123abc',
|
|
username: 'testuser',
|
|
roles: [],
|
|
administrator: false,
|
|
},
|
|
config: getConfig(),
|
|
}}>
|
|
<StudioHeader
|
|
number="run123"
|
|
org="testX"
|
|
title="Course Name"
|
|
isHiddenMainMenu={false}
|
|
mainMenuDropdowns={[
|
|
{
|
|
id: 'content-dropdown',
|
|
buttonTitle: 'Content',
|
|
items: [{
|
|
href: '#',
|
|
title: 'Outline',
|
|
}],
|
|
},
|
|
]}
|
|
outlineLink="#"
|
|
/>
|
|
</AppContext.Provider>
|
|
<h5 className="mt-2">Logged in state for Studio header</h5>
|
|
</AppProvider>,
|
|
document.getElementById('root'),
|
|
);
|
|
});
|
|
|
|
initialize({
|
|
messages: []
|
|
});
|