@mohamed-karawia/library 0.1.18 → 0.1.22

package/src/stories/store/store.js

@@ -0,0 +1,33 @@
+import { configureStore, createSlice } from '@reduxjs/toolkit';
+import { community } from './communities';
+
+
+
+const Community = createSlice({
+    name: 'community',
+    initialState: community,
+    reducers: {
+        addEvent: (state, action) => {
+            state.spaces[1].spaceProps.events = [...state.spaces[1].spaceProps.events, action.payload]
+            // console.log(action)
+            // alert
+            console.log(action)
+        },
+        deleteEvent: (state, action) => {
+            const eventsAfterDelete = [...state.spaces[1].spaceProps.events]
+            eventsAfterDelete.splice(action.payload, 1)
+            state.spaces[1].spaceProps.events = eventsAfterDelete
+        }
+    },
+});
+
+
+export const { addEvent, deleteEvent } = Community.actions;
+
+const store = configureStore({
+    reducer: {
+        communities: Community.reducer,
+    },
+});
+
+export default store;

package/src/stories/styling.json

@@ -0,0 +1,92 @@
+{
+    "container": {
+      
+    },
+    "navbar": {
+      "iconSize":"md",
+      "iconBackgroundColor":"#00ADC4"
+    },
+    "body": {
+      
+    },
+    "left": {
+      
+    },
+    "right": {
+      
+    },
+    "center": {
+      
+    },
+    "spaceContainer": {
+      "header": {
+        "padding": 10,
+        "headerBackground": "#00ADC4",
+        "titleColor": "#ffff",
+        "controlsStyles": {
+            "iconSize": 25
+        }
+      },
+      "body": {
+        "sectionHeaderStyles": {
+          "padding": 2,
+          "headerBackground": "black",
+          "titleColor": "white"
+        },
+        "customCardStyles": {
+          "cardPadding": 6,
+          "cardTitleFontSize": 15,
+          "cardBackgroundColor": "white",
+          "cardTitleColor": "#00ADC4",
+          "cardBorderColor": "#00ADC4",
+          "onHoverBackgroundColor": "#d3d3d3",
+          "iconColor": "#00ADC4",
+          "controlsStyles": {
+              "iconColor": "#00ADC4"
+          }
+      }
+      }
+    },
+    "widgetContainer": {
+      "header": {
+        "headerBackground": "purple",
+        "padding": 3,
+        "controlsStyles": {
+            "iconColor": "white",
+            "iconsGap": 5
+        }
+      },
+      "body": {
+        "sectionHeaderStyles": {
+          "cardBorderSize": 2,
+          "cardPadding": 2,
+          "headerBackground": "red",
+          "cardBorderColor": "black"
+        },
+      "customCardStyles": {
+          "cardPadding": 6,
+          "cardTitleFontSize": 15,
+          "cardBackgroundColor": "white",
+          "cardTitleColor": "#00ADC4",
+          "cardBorderSize": 1,
+          "cardBorderColor": "#00ADC4",
+          "onHoverBackgroundColor": "#d3d3d3",
+          "controlsStyles": {
+              "showOnHover": true,
+              "iconColor": "#00ADC4"
+          }
+      },
+      "primaryColor": "black",
+      "borderRadius": 10,
+      "iconsColor": "#00ADC4",
+      "backgroundColor":"white",
+      "discColor":"gray",
+      "dateColor":"gray",
+      "iconColor":"#00ADC4",
+      "cardTitleFontSize":15
+      },
+      "controls": {
+
+      }
+    }
+  }