Gecko [ gandhischool.edu.np ]

Name	Size	Permission
assets	[ DIR ]	drwxrwxr-x
components	[ DIR ]	drwxrwxr-x
config	[ DIR ]	drwxrwxr-x
containers	[ DIR ]	drwxrwxr-x
helpers	[ DIR ]	drwxrwxr-x
images	[ DIR ]	drwxrwxr-x
service	[ DIR ]	drwxrwxr-x
styles	[ DIR ]	drwxrwxr-x
translations	[ DIR ]	drwxrwxr-x
types	[ DIR ]	drwxrwxr-x
ui	[ DIR ]	drwxrwxr-x
utils	[ DIR ]	drwxrwxr-x
.htaccess	1.75 KB	-rwxrwxr-x
.nginx.conf	3.21 KB	-rwxrwxr-x
app.tsx	4.28 KB	-rwxrwxr-x
configureStore.ts	2.21 KB	-rwxrwxr-x
global-styles.ts	658 B	-rwxrwxr-x
globals.d.tsx	214 B	-rwxrwxr-x
i18n.ts	1.26 KB	-rwxrwxr-x
index.html	1.26 KB	-rwxrwxr-x
locales.ts	95 B	-rwxrwxr-x
reducers.ts	9.12 KB	-rwxrwxr-x
saga.tsx	7.17 KB	-rwxrwxr-x
utils.d.ts	74 B	-rwxrwxr-x

Code Editor : app.tsx

/**
 * app.js
 *
 * This is the entry file for the application, only setup and boilerplate
 * code.
 */

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

// Import all the third party stuff
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import * as Sentry from '@sentry/react';
import { Integrations } from '@sentry/tracing';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'connected-react-router';
// import FontFaceObserver from 'fontfaceobserver';
import history from 'utils/history';
import 'sanitize.css/sanitize.css';
import * as OfflinePluginRuntime from 'offline-plugin/runtime';
import { renderRoutes } from 'react-router-config';
import { routes } from 'config';
//CSS IMPORT
import 'bootstrap/dist/css/bootstrap.min.css';
//import 'font-awesome/css/font-awesome.min.css';
import 'assets/css/fontawesome-all.min.css';
import 'assets/css/style.css';
import 'assets/css/responsive.css';
import 'assets/css/new.css';
import 'react-datepicker/dist/react-datepicker.css';
import 'react-confirm-alert/src/react-confirm-alert.css';
import 'nepali-datepicker-reactjs/dist/index.css';

import $ from 'jquery';
import Popper from 'popper.js';
import 'bootstrap/dist/js/bootstrap.js';

// Import Language Provider
import LanguageProvider from 'containers/default/LanguageProvider';

import { transitions, positions, Provider as AlertProvider } from 'react-alert';
import AlertTemplate from 'react-alert-template-basic';

// Load the favicon and the .htaccess file
import '!file-loader?name=[name].[ext]!./images/favicon.ico';
import 'file-loader?name=.htaccess!./.htaccess';

import { HelmetProvider } from 'react-helmet-async';

import configureStore from './configureStore';

// Import i18n messages
import { translationMessages } from 'i18n';
import { Alert } from 'ui';
// Observe loading of Open Sans (to remove open sans, remove the <link> tag in
// the index.html file and this observer)
// const openSansObserver = new FontFaceObserver('Open Sans', {});

// When Open Sans is loaded, add a font-family using Open Sans to the body
// openSansObserver.load().then(() => {
//   document.body.classList.add('fontLoaded');
// });
if (process.env.NODE_ENV === 'production') {
  Sentry.init({
    dsn:
      'https://13f705746ce8428292a74fd20b52a2fd@o497475.ingest.sentry.io/5573956',
    autoSessionTracking: true,
    integrations: [new Integrations.BrowserTracing()],
    tracesSampleRate: 0.1,
  });
}
// Create redux store with history
const initialState = {};
const store = configureStore(initialState, history);
const MOUNT_NODE = document.getElementById('app') as HTMLElement;

// optional cofiguration
const options = {
  // you can also just use 'bottom center'
  position: positions.TOP_CENTER,
  timeout: 5000,
  offset: '30px',
  // you can also just use 'scale'
  transition: transitions.SCALE,
};

const ConnectedApp = (props: { messages: any }) => (
  <Provider store={store}>
    <LanguageProvider messages={props.messages}>
      <AlertProvider template={AlertTemplate} {...options}>
        <ConnectedRouter history={history}>
          <HelmetProvider>
            <Alert></Alert>
            {renderRoutes(routes)}
          </HelmetProvider>
        </ConnectedRouter>
      </AlertProvider>
    </LanguageProvider>
  </Provider>
);

const render = (messages: any) => {
  ReactDOM.render(<ConnectedApp messages={messages} />, MOUNT_NODE);
};

if (module.hot) {
  // Hot reloadable translation json files
  // modules.hot.accept does not accept dynamic dependencies,
  // have to be constants at compile-time
  module.hot.accept(['./i18n'], () => {
    ReactDOM.unmountComponentAtNode(MOUNT_NODE);
    render(translationMessages);
  });
}

// Chunked polyfill for browsers without Intl support
if (!(window as any).Intl) {
  new Promise(resolve => {
    resolve(import('intl'));
  })
    .then(() =>
      Promise.all([
        import('intl/locale-data/jsonp/en.js'),
        import('intl/locale-data/jsonp/de.js'),
      ]),
    )
    .then(() => render(translationMessages))
    .catch(err => {
      throw err;
    });
} else {
  render(translationMessages);
}

// Install ServiceWorker and AppCache in the end since
// it's not most important operation and if main code fails,
// we do not want it installed
if (process.env.NODE_ENV === 'production') {
  OfflinePluginRuntime.install();
}

${this.title}

Code Editor : app.tsx