Firebase

.gitignore

@@ -19,7 +19,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-firebase*
 *.swo
 *.swp
 .firebase*

firebase.json

@@ -0,0 +1,17 @@
+{
+    "hosting":{
+        "public": "build" ,
+        "headers": [
+            {
+            "source": "/service-worker.js", 
+            "headers": [
+                {"key": "Cache-Control", "value": "no-cache"}
+            ]}
+        ],
+        "rewrites": [{
+            "source": "**",
+            "destination": "/index.html" 
+        }]
+    }
+}
+

src/App.js

@@ -20,13 +20,9 @@ class App extends Component {
             uri: "https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fmedium.com%2Ffeed%2Fwwwid",
             feed: [],
             isLoad: false,
-            query: this.filters
         }
     }
 
-    filters(param){
-        //console.log(this.state.feed)  
-    }
     componentDidMount(){
         this.fetchCache()
     }

src/Component/AppContext.js

@@ -25,16 +25,15 @@ export const getContext = Components =>
             return (
             <AppContext.Consumer>
                 { data =>{
-                    let { match } = this.props
-                    let { params } = match
-                    let { feed } = data 
-
-                    if( Object.keys(params).length === 1 && 'items' in feed){
+                    let { match }  = this.props,
+                        { params } = match,
+                        { feed }   = data 
+
+                    if( Object.keys(params).length === 1 && 
+                        'items' in feed){
                         data = filter(params, data)
                         data.single = 'slug' in params ? true:false
-                    }
-
-                    else {
+                    }else {
                         data.feed.filter = false 
                         data.single = 'slug' in params ? true:false
                     }

src/Component/Slugify.js

@@ -3,8 +3,9 @@ const toSlug = text => {
     return text.toString().toLowerCase()
         .replace(/\s+/g, '-')
         .replace(/&/g, '-and-') 
-        .replace(/[^\w/\-]+/g, '')
-        .replace(/\-\-+/g, '-')
+        .replace(/[^\w/\\-]+/g, '')
+        .replace(/\/-\/-+/g, '-')
+        .replace(/\x2f/, '-') // change from / to - 
 }
 
 export default toSlug

src/Component/footer.js

@@ -47,7 +47,7 @@ const logoList = [
 
 const IconList = props => {
     return (
-        <li keys>
+        <li>
         <a href={props.uri} rel="noopener" target="_blank" alt={props.uri}>
         <Icon {...props}></Icon>
         </a>