Skip to content

Instantly share code, notes, and snippets.

View efalayi's full-sized avatar

Esther Falayi efalayi

View GitHub Profile
import React from 'react'
const AlertModal = ({ closeModal, title, message }) => {
return (
<div className="modal-content">
<div className="modal-header">
<h5
className="modal-title"
>{title}</h5>
<button type="button" className="close" aria-label="Close" onClick={closeModal}>
import ActionTypes from '../constants/ActionTypes'
const initialState = {
modalType: null,
modalProps: {
open: false
}
}
export default (state = initialState, action) => {
import ActionTypes from '../constants/ActionTypes'
export const showModal = ({ modalProps, modalType }) => dispatch => {
dispatch({
type: ActionTypes.SHOW_MODAL,
modalProps,
modalType
})
}
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import store from './store';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(
@efalayi
efalayi / store.js
Created March 13, 2018 10:59
Redux store configuration example
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';
/**
* @param {object} initialState
* @returns {func} createStore
*/
export default function configureStore(initialState) {
return createStore(
@efalayi
efalayi / webpack.config.js
Last active June 22, 2020 07:32
Full webpack config file for bootstrap and fontawesome
const autoprefixer = require('autoprefixer');
const webpack = require('webpack');
const path = require('path');
const precss = require('precss');
const TransferWebpackPlugin = require('transfer-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
devtool: 'eval',
entry: [
'webpack/hot/only-dev-server',
'tether',
'font-awesome/scss/font-awesome.scss',
'./client/app.jsx'
]
// font-awesome
{
test: /font-awesome\.config\.js/,
use: [
{ loader: 'style-loader' },
{ loader: 'font-awesome-loader' }
]
},
// Bootstrap 4
{
test: /bootstrap\/dist\/js\/umd\//, use: 'imports-loader?jQuery=jquery'
}
{
test: /\.css$/, use: ['style-loader', 'css-loader', 'postcss-loader']
},
{
test: /\.(scss)$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
{
loader: 'css-loader', // translates CSS into CommonJS modules