@mohamed-karawia/library 0.1.21 → 0.1.24

package/dist/index.js

@@ -62,13 +62,13 @@ Object.defineProperty(exports, "CreateLibraryFolder", {
 Object.defineProperty(exports, "LibraryFolders", {
   enumerable: true,
   get: function get() {
-    return _Folders.default;
+    return _ViewFolders.default;
   }
 });
 Object.defineProperty(exports, "LibraryNotes", {
   enumerable: true,
   get: function get() {
-    return _Notes.default;
+    return _NotesList.default;
   }
 });
 Object.defineProperty(exports, "ViewLibraryNote", {
@@ -80,7 +80,7 @@ Object.defineProperty(exports, "ViewLibraryNote", {
 Object.defineProperty(exports, "CreateMusic", {
   enumerable: true,
   get: function get() {
-    return _AddSong.default;
+    return _CreateSong.default;
   }
 });
 Object.defineProperty(exports, "CreateMusicAlbum", {
@@ -92,13 +92,13 @@ Object.defineProperty(exports, "CreateMusicAlbum", {
 Object.defineProperty(exports, "MusicAlbum", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbum.default;
+    return _ViewMusicAlbumList.default;
   }
 });
 Object.defineProperty(exports, "MusicAlbums", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbums.default;
+    return _ViewMusicAlbums.default;
   }
 });
 Object.defineProperty(exports, "CreatePhotoAlbum", {
@@ -116,13 +116,13 @@ Object.defineProperty(exports, "CreatePhoto", {
 Object.defineProperty(exports, "PhotoAlbum", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbum2.default;
+    return _ViewPhotoAlbumList.default;
   }
 });
 Object.defineProperty(exports, "PhotoAlbums", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbums2.default;
+    return _ViewPhotoAlbums.default;
   }
 });
 Object.defineProperty(exports, "BaseMaterial", {
@@ -218,23 +218,23 @@ Object.defineProperty(exports, "CreateVideo", {
 Object.defineProperty(exports, "VideoAlbums", {
   enumerable: true,
   get: function get() {
-    return _AlbumsGallery.default;
+    return _ViewVideoAlbums.default;
   }
 });
 Object.defineProperty(exports, "VidepSpace", {
   enumerable: true,
   get: function get() {
-    return _VideoSpace.default;
+    return _ViewVideo.default;
   }
 });
 Object.defineProperty(exports, "VideoAlbum", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbum3.default;
+    return _ViewVideoAlbumList.default;
   }
 });
 
-var _Chat = _interopRequireDefault(require("./stories/Chat/Chat"));
+var _Chat = _interopRequireDefault(require("./stories/Spaces/Chat/Chat"));
 
 var _CreateForm = _interopRequireDefault(require("./stories/Enrollment/Admin/CreateForm/CreateForm"));
 
@@ -244,35 +244,35 @@ var _ViewForms = _interopRequireDefault(require("./stories/Enrollment/Admin/View
 
 var _FillForm = _interopRequireDefault(require("./stories/Enrollment/Guest/FillForm/FillForm"));
 
-var _CreateEvent = _interopRequireDefault(require("./stories/Events/CreateEvent/CreateEvent"));
+var _CreateEvent = _interopRequireDefault(require("./stories/Forms/CreateEvent/CreateEvent"));
 
-var _Event = _interopRequireDefault(require("./stories/Events/Event/Event"));
+var _Event = _interopRequireDefault(require("./stories/Spaces/ViewEvent/Event"));
 
-var _EventsList = _interopRequireDefault(require("./stories/Events/EventsList/EventsList"));
+var _EventsList = _interopRequireDefault(require("./stories/Spaces/EventsList/EventsList"));
 
-var _CreateFolder = _interopRequireDefault(require("./stories/Library/CreateFolder/CreateFolder"));
+var _CreateFolder = _interopRequireDefault(require("./stories/Forms/CreateFolder/CreateFolder"));
 
-var _Folders = _interopRequireDefault(require("./stories/Library/Folders/Folders"));
+var _ViewFolders = _interopRequireDefault(require("./stories/Spaces/ViewFolders/ViewFolders"));
 
-var _Notes = _interopRequireDefault(require("./stories/Library/Notes/Notes"));
+var _NotesList = _interopRequireDefault(require("./stories/Spaces/NotesList/NotesList"));
 
-var _ViewNote = _interopRequireDefault(require("./stories/Library/ViewNote/ViewNote"));
+var _ViewNote = _interopRequireDefault(require("./stories/Spaces/ViewNote/ViewNote"));
 
-var _AddSong = _interopRequireDefault(require("./stories/Forms/AddSong/AddSong"));
+var _CreateSong = _interopRequireDefault(require("./stories/Forms/CreateSong/CreateSong"));
 
 var _CreateMusicAlbum = _interopRequireDefault(require("./stories/Forms/CreateMusicAlbum/CreateMusicAlbum"));
 
-var _ViewAlbum = _interopRequireDefault(require("./stories/Music Album/ViewAlbum/ViewAlbum"));
+var _ViewMusicAlbumList = _interopRequireDefault(require("./stories/Spaces/ViewMusicAlbumList/ViewMusicAlbumList"));
 
-var _ViewAlbums = _interopRequireDefault(require("./stories/Music Album/ViewAlbums/ViewAlbums"));
+var _ViewMusicAlbums = _interopRequireDefault(require("./stories/Spaces/ViewMusicAlbums/ViewMusicAlbums"));
 
 var _CreateAlbum = _interopRequireDefault(require("./stories/Forms/CreateAlbum/CreateAlbum"));
 
 var _AddPhoto = _interopRequireDefault(require("./stories/Forms/AddPhoto/AddPhoto"));
 
-var _ViewAlbum2 = _interopRequireDefault(require("./stories/Photo Album/ViewAlbum/ViewAlbum"));
+var _ViewPhotoAlbumList = _interopRequireDefault(require("./stories/Spaces/ViewPhotoAlbumList/ViewPhotoAlbumList"));
 
-var _ViewAlbums2 = _interopRequireDefault(require("./stories/Photo Album/ViewAlbums/ViewAlbums"));
+var _ViewPhotoAlbums = _interopRequireDefault(require("./stories/Spaces/ViewPhotoAlbums/ViewPhotoAlbums"));
 
 var _BaseMaterial = _interopRequireDefault(require("./stories/Containers/BaseMaterial"));
 
@@ -304,8 +304,8 @@ var _CreateVideoAlbum = _interopRequireDefault(require("./stories/Forms/CreateVi
 
 var _AddVideo = _interopRequireDefault(require("./stories/Forms/AddVideo/AddVideo"));
 
-var _AlbumsGallery = _interopRequireDefault(require("./stories/VideoAlbum/AlbumsGallery/AlbumsGallery"));
+var _ViewVideoAlbums = _interopRequireDefault(require("./stories/Spaces/ViewVideoAlbums/ViewVideoAlbums"));
 
-var _VideoSpace = _interopRequireDefault(require("./stories/VideoAlbum/VideoSpace/VideoSpace"));
+var _ViewVideo = _interopRequireDefault(require("./stories/Spaces/ViewVideo/ViewVideo"));
 
-var _ViewAlbum3 = _interopRequireDefault(require("./stories/VideoAlbum/ViewAlbum/ViewAlbum"));
+var _ViewVideoAlbumList = _interopRequireDefault(require("./stories/Spaces/ViewVideoAlbumList/ViewVideoAlbumList"));

package/dist/stories/Chat/Chat.js

@@ -35,7 +35,7 @@ var _Sections = _interopRequireDefault(require("../Sections/Sections"));
 
 var _templateObject;
 
-var _excluded = ["data", "users", "title", "backgroundColor"];
+var _excluded = ["data", "users", "title", "backgroundColor", "community"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -52,6 +52,7 @@ var Chat = function Chat(_ref) {
       users = _ref.users,
       title = _ref.title,
       backgroundColor = _ref.backgroundColor,
+      community = _ref.community,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -60,6 +61,7 @@ var Chat = function Chat(_ref) {
       setShowConfigModal = _useState2[1];
 
   var _useState3 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(Chat, {
+    preview: true,
     users: users,
     data: data
   })),
@@ -68,8 +70,8 @@ var Chat = function Chat(_ref) {
       setCenterContext = _useState4[1];
 
   var formChanged = function formChanged(values) {
-    console.log('context changed');
     setCenterContext( /*#__PURE__*/_react.default.createElement(Chat, Object.assign({
+      preview: true,
       users: users,
       data: data
     }, values)));
@@ -81,14 +83,17 @@ var Chat = function Chat(_ref) {
   }, {
     title: 'Context',
     id: 'community'
-  }];
-  var sections = [{
-    title: 'Styles',
-    data: [{
-      title: 'Styling',
-      id: 'styling'
-    }]
-  }];
+  }]; // let sections = [
+  //     {
+  //         title: 'Styles',
+  //         data: [
+  //             {
+  //                 title: 'Styling',
+  //                 id: 'styling'
+  //             }
+  //         ]
+  //     }
+  // ]
 
   var onIconClicked = function onIconClicked(action) {
     if (!props.preview) {
@@ -103,6 +108,11 @@ var Chat = function Chat(_ref) {
     }
   };
 
+  var cancelConfig = function cancelConfig() {
+    setShowConfigModal(false);
+    localStorage.removeItem('formStyles');
+  };
+
   return /*#__PURE__*/_react.default.createElement(Container, {
     backgroundColor: backgroundColor
   }, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
@@ -116,29 +126,11 @@ var Chat = function Chat(_ref) {
     users: users
   }), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
     modalIsOpen: showConfigModal,
-    closeModal: function closeModal() {
-      return setShowConfigModal(false);
-    },
+    closeModal: cancelConfig,
     exitModalButton: function exitModalButton(e) {
       return /*#__PURE__*/_react.default.createElement("div", null);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Sections.default, {
-    sections: sections,
-    backgroundColor: 'white',
-    sectionHeaderStyles: {
-      titleColor: 'white',
-      headerBackground: 'transparent'
     },
-    customCardStyles: {
-      cardPadding: 6,
-      cardTitleFontSize: 15,
-      cardBackgroundColor: '#2c2c2c',
-      cardTitleColor: 'white',
-      onHoverBackgroundColor: '#555555',
-      controlsStyles: {
-        showOnHover: true
-      }
-    }
+    preview: true
   }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
     title: "Chat Config",
     tabs: tabs,
@@ -154,8 +146,9 @@ var Chat = function Chat(_ref) {
     id: "preview"
   }), /*#__PURE__*/_react.default.createElement(_Community.default, {
     center: centerContext,
+    community: community,
     id: "community"
-  })))));
+  }))));
 };
 
 var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n    background-color: ", ";\n"])), function (_ref2) {

package/dist/stories/Community/Community.js

@@ -17,7 +17,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactRedux = require("react-redux");
 
-var _store = require("../store/store");
+var actions = _interopRequireWildcard(require("../store/store"));
 
 var _Navbar = _interopRequireDefault(require("../Navbar/Navbar"));
 
@@ -33,29 +33,29 @@ var _BaseMaterial = _interopRequireDefault(require("../Containers/BaseMaterial")
 
 var _WidgetContainer = _interopRequireDefault(require("../Reusable Components/WidgetContainer/WidgetContainer"));
 
-var _Chat = _interopRequireDefault(require("../Chat/Chat"));
+var _Chat = _interopRequireDefault(require("../Spaces/Chat/Chat"));
 
-var _Event = _interopRequireDefault(require("../Events/Event/Event"));
+var _Event = _interopRequireDefault(require("../Spaces/ViewEvent/Event"));
 
-var _EventsList = _interopRequireDefault(require("../Events/EventsList/EventsList"));
+var _EventsList = _interopRequireDefault(require("../Spaces/EventsList/EventsList"));
 
-var _Folders = _interopRequireDefault(require("../Library/Folders/Folders"));
+var _ViewFolders = _interopRequireDefault(require("../Spaces/ViewFolders/ViewFolders"));
 
-var _Notes = _interopRequireDefault(require("../Library/Notes/Notes"));
+var _NotesList = _interopRequireDefault(require("../Spaces/NotesList/NotesList"));
 
-var _ViewAlbum = _interopRequireDefault(require("../Music Album/ViewAlbum/ViewAlbum"));
+var _ViewMusicAlbumList = _interopRequireDefault(require("../Spaces/ViewMusicAlbumList/ViewMusicAlbumList"));
 
-var _ViewAlbums = _interopRequireDefault(require("../Music Album/ViewAlbums/ViewAlbums"));
+var _ViewMusicAlbums = _interopRequireDefault(require("../Spaces/ViewMusicAlbums/ViewMusicAlbums"));
 
-var _ViewAlbum2 = _interopRequireDefault(require("../Photo Album/ViewAlbum/ViewAlbum"));
+var _ViewPhotoAlbumList = _interopRequireDefault(require("../Spaces/ViewPhotoAlbumList/ViewPhotoAlbumList"));
 
-var _ViewAlbums2 = _interopRequireDefault(require("../Photo Album/ViewAlbums/ViewAlbums"));
+var _ViewPhotoAlbums = _interopRequireDefault(require("../Spaces/ViewPhotoAlbums/ViewPhotoAlbums"));
 
-var _AlbumsGallery = _interopRequireDefault(require("../VideoAlbum/AlbumsGallery/AlbumsGallery"));
+var _ViewVideoAlbums = _interopRequireDefault(require("../Spaces/ViewVideoAlbums/ViewVideoAlbums"));
 
-var _ViewAlbum3 = _interopRequireDefault(require("../VideoAlbum/ViewAlbum/ViewAlbum"));
+var _ViewVideoAlbumList = _interopRequireDefault(require("../Spaces/ViewVideoAlbumList/ViewVideoAlbumList"));
 
-var _VideoSpace = _interopRequireDefault(require("../VideoAlbum/VideoSpace/VideoSpace"));
+var _ViewVideo = _interopRequireDefault(require("../Spaces/ViewVideo/ViewVideo"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -77,19 +77,16 @@ var Community = function Community(props) {
   });
   var spacesWidget = (0, _reactRedux.useSelector)(function (state) {
     return state.communities.spacesListWidget.widgetSpacesList;
-  });
-  var dispatch = (0, _reactRedux.useDispatch)();
+  }); // const dispatch = useDispatch();
 
-  var onAddEvent = function onAddEvent(event) {
-    dispatch((0, _store.addEvent)(event));
-  };
+  var onAddEvent = function onAddEvent(event) {// dispatch(actions.addEvent(event))
+  }; // console.log(community)
 
-  console.log(space);
 
   var eventIconClicked = function eventIconClicked(action, index) {
     switch (action) {
       case 'delete':
-        dispatch((0, _store.deleteEvent)(index));
+        // dispatch(actions.addEvent)
         break;
 
       default:
@@ -106,25 +103,48 @@ var Community = function Community(props) {
     widgetProps: (0, _objectSpread2.default)({
       listTitle: spacesWidget.listTitle,
       spaces: spacesWidget.spaces,
-      cardClicked: switchSpace,
-      headerStyles: spacesWidget.styles.header
-    }, spacesWidget.styles.body)
+      cardClicked: switchSpace
+    }, spacesWidget.styles)
   })), /*#__PURE__*/_react.default.createElement(_Center.default, null, {
-    'chat': /*#__PURE__*/_react.default.createElement(_Chat.default, Object.assign({}, space.spaceProps, space.styles)),
-    'event': /*#__PURE__*/_react.default.createElement(_Event.default, Object.assign({}, space.spaceProps, space.styles)),
+    'chat': /*#__PURE__*/_react.default.createElement(_Chat.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'event': /*#__PURE__*/_react.default.createElement(_Event.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
     'events_list': /*#__PURE__*/_react.default.createElement(_EventsList.default, Object.assign({
+      actions: actions,
+      community: community,
       cardIconClicked: eventIconClicked,
       onAddEvent: onAddEvent
     }, space.spaceProps, space.styles)),
-    'folders': /*#__PURE__*/_react.default.createElement(_Folders.default, Object.assign({}, space.spaceProps, space.styles)),
-    'notes': /*#__PURE__*/_react.default.createElement(_Notes.default, Object.assign({}, space.spaceProps, space.styles)),
-    'music_album': /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, Object.assign({}, space.spaceProps, space.styles)),
-    'music_albums': /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, Object.assign({}, space.spaceProps, space.styles)),
-    'photo_album': /*#__PURE__*/_react.default.createElement(_ViewAlbum2.default, Object.assign({}, space.spaceProps, space.styles)),
-    'photo_albums': /*#__PURE__*/_react.default.createElement(_ViewAlbums2.default, Object.assign({}, space.spaceProps, space.styles)),
-    'video_albums': /*#__PURE__*/_react.default.createElement(_AlbumsGallery.default, Object.assign({}, space.spaceProps, space.styles)),
-    'video_album': /*#__PURE__*/_react.default.createElement(_ViewAlbum3.default, Object.assign({}, space.spaceProps, space.styles)),
-    'video_space': /*#__PURE__*/_react.default.createElement(_VideoSpace.default, Object.assign({}, space.spaceProps, space.styles))
+    'folders': /*#__PURE__*/_react.default.createElement(_ViewFolders.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'notes': /*#__PURE__*/_react.default.createElement(_NotesList.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'music_album': /*#__PURE__*/_react.default.createElement(_ViewMusicAlbumList.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'music_albums': /*#__PURE__*/_react.default.createElement(_ViewMusicAlbums.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'photo_album': /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbumList.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'photo_albums': /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbums.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'video_albums': /*#__PURE__*/_react.default.createElement(_ViewVideoAlbums.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'video_album': /*#__PURE__*/_react.default.createElement(_ViewVideoAlbumList.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles)),
+    'video_space': /*#__PURE__*/_react.default.createElement(_ViewVideo.default, Object.assign({
+      community: community
+    }, space.spaceProps, space.styles))
   }[spaceType]), /*#__PURE__*/_react.default.createElement(_Right.default, null, space.widgets && space.widgets.map(function (widget) {
     return /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
       widgetType: widget.widgetType,

package/dist/stories/Events/Event/Event.js

@@ -35,7 +35,7 @@ var _Community = _interopRequireDefault(require("../../Reusable Components/Commu
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
-var _excluded = ["cover", "title", "date", "disc", "backgroundColor", "titleColor", "titleSize", "dateColor", "dateSize", "discColor", "discSize", "headerStyles"];
+var _excluded = ["cover", "title", "date", "disc", "backgroundColor", "titleColor", "titleSize", "dateColor", "dateSize", "discColor", "discSize", "headerStyles", "community"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -61,6 +61,7 @@ var Event = function Event(_ref) {
       discColor = _ref.discColor,
       discSize = _ref.discSize,
       headerStyles = _ref.headerStyles,
+      community = _ref.community,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -69,6 +70,7 @@ var Event = function Event(_ref) {
       setShowConfigModal = _useState2[1];
 
   var _useState3 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(Event, {
+    preview: true,
     title: title,
     cover: cover,
     date: date,
@@ -80,6 +82,7 @@ var Event = function Event(_ref) {
 
   var formChanged = function formChanged(values) {
     setCenterContext( /*#__PURE__*/_react.default.createElement(Event, Object.assign({
+      preview: true,
       title: title,
       cover: cover,
       date: date,
@@ -115,6 +118,11 @@ var Event = function Event(_ref) {
     }
   };
 
+  var cancelConfig = function cancelConfig() {
+    setShowConfigModal(false);
+    localStorage.removeItem('formStyles');
+  };
+
   return /*#__PURE__*/_react.default.createElement(Container, {
     backgroundColor: backgroundColor
   }, /*#__PURE__*/_react.default.createElement(_ReusableHeader.default, Object.assign({
@@ -134,9 +142,7 @@ var Event = function Event(_ref) {
     discSize: discSize
   }, disc)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
     modalIsOpen: showConfigModal,
-    closeModal: function closeModal() {
-      return setShowConfigModal(false);
-    },
+    closeModal: cancelConfig,
     exitModalButton: function exitModalButton(e) {
       return /*#__PURE__*/_react.default.createElement("div", null);
     }
@@ -155,6 +161,8 @@ var Event = function Event(_ref) {
     id: "preview"
   }), /*#__PURE__*/_react.default.createElement(_Community.default, {
     center: centerContext,
+    community: community,
+    preview: true,
     id: "community"
   }))));
 };

package/dist/stories/Events/EventsList/EventsList.js

@@ -37,7 +37,7 @@ var _Community = _interopRequireDefault(require("../../Reusable Components/Commu
 
 var _templateObject;
 
-var _excluded = ["events"];
+var _excluded = ["events", "community"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -60,6 +60,7 @@ var cardControls = [{
 
 var EventsList = function EventsList(_ref) {
   var events = _ref.events,
+      community = _ref.community,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -72,15 +73,17 @@ var EventsList = function EventsList(_ref) {
       showConfigModal = _useState4[0],
       setShowConfigModal = _useState4[1];
 
-  var _useState5 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(EventsList, {
+  var _useState5 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(EventsList, Object.assign({
+    preview: true,
     events: events
-  })),
+  }, props))),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       centerContext = _useState6[0],
       setCenterContext = _useState6[1];
 
   var formChanged = function formChanged(values) {
     setCenterContext( /*#__PURE__*/_react.default.createElement(EventsList, Object.assign({
+      preview: true,
       events: events
     }, values)));
   };
@@ -138,6 +141,11 @@ var EventsList = function EventsList(_ref) {
     props.onAddEvent(event);
   };
 
+  var cancelConfig = function cancelConfig() {
+    setShowConfigModal(false);
+    localStorage.removeItem('formStyles');
+  };
+
   return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
     listTitle: props.title || "My Events",
     data: events,
@@ -163,14 +171,12 @@ var EventsList = function EventsList(_ref) {
     cancelHandler: cancelHandler
   })), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
     modalIsOpen: showConfigModal,
-    closeModal: function closeModal() {
-      return setShowConfigModal(false);
-    },
+    closeModal: cancelConfig,
     exitModalButton: function exitModalButton(e) {
       return /*#__PURE__*/_react.default.createElement("div", null);
     }
   }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
-    title: "Event Config",
+    title: "Events Config",
     tabs: tabs
   }, /*#__PURE__*/_react.default.createElement(_EventsPreview.default, {
     componentProps: {
@@ -182,6 +188,7 @@ var EventsList = function EventsList(_ref) {
     id: "preview"
   }), /*#__PURE__*/_react.default.createElement(_Community.default, {
     center: centerContext,
+    community: community,
     id: "community"
   }))));
 };

package/dist/stories/Forms/AddPhoto/AddPhoto.js

@@ -45,11 +45,12 @@ var AddPhoto = function AddPhoto(_ref) {
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var initialValues = {
     img: null,
-    title: '',
-    description: ''
+    title: "",
+    description: ""
   };
   var formSchema = Yup.object().shape({
-    title: Yup.string().required("Required")
+    title: Yup.string().required("Your photo must have a title"),
+    description: Yup.string().required("You must also have a description for your photo!")
   });
   var sections = [{
     title: "Upload Photo",
@@ -69,7 +70,7 @@ var AddPhoto = function AddPhoto(_ref) {
   var onCreate = function onCreate(values) {
     var photo = (0, _objectSpread2.default)({}, values);
     var date = new Date();
-    photo.date = date.toISOString().split('T')[0];
+    photo.date = date.toISOString().split("T")[0];
     props.saveHandler(photo);
   };
 
@@ -89,12 +90,12 @@ var AddPhoto = function AddPhoto(_ref) {
     cancelHandler: cancelHandler
   }, (0, _defineProperty2.default)(_Object$assign, "headerStyles", {
     padding: 10,
-    headerBackground: 'black',
-    titleColor: '#ffff'
+    headerBackground: "black",
+    titleColor: "#ffff"
   }), (0, _defineProperty2.default)(_Object$assign, "sectionPadding", 10), (0, _defineProperty2.default)(_Object$assign, "bodyRowGap", 10), _Object$assign), props.formStyles)));
 };
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
 
 AddPhoto.defaultProps = {};
 var _default = AddPhoto;