From e905de7ffd726deb7e3701b9d69bb9eac98ab4a4 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Sat, 14 Sep 2019 21:07:39 +0300
Subject: [PATCH] demo library hook implemented

---
 src/routes/Library/useLibrary.js | 97 ++++++++++++++++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 src/routes/Library/useLibrary.js

diff --git a/src/routes/Library/useLibrary.js b/src/routes/Library/useLibrary.js
new file mode 100644
index 000000000..62a6c9cf1
--- /dev/null
+++ b/src/routes/Library/useLibrary.js
@@ -0,0 +1,97 @@
+const React = require('react');
+
+const libraryItems = [
+    {
+        id: '1',
+        type: 'movie',
+        name: 'Stremio demo item movie 1',
+        poster: 'images/intro_background.png',
+        logo: 'images/default_avatar.png',
+        posterShape: 'poster'
+    },
+    {
+        id: '2',
+        type: 'movie',
+        name: 'Stremio demo item movie 2',
+        poster: 'images/intro_background.png',
+        logo: 'images/default_avatar.png',
+        posterShape: 'poster'
+    },
+    {
+        id: '3',
+        type: 'series',
+        name: 'Stremio demo item series 1',
+        poster: 'images/intro_background.png',
+        logo: 'images/default_avatar.png',
+        posterShape: 'poster'
+    },
+    {
+        id: '4',
+        type: 'series',
+        name: 'Stremio demo item series 2',
+        poster: 'images/intro_background.png',
+        logo: 'images/default_avatar.png',
+        posterShape: 'poster'
+    },
+    {
+        id: '5',
+        type: 'channel',
+        name: 'Stremio demo item channel 1',
+        poster: 'images/intro_background.png',
+        logo: 'images/default_avatar.png',
+        posterShape: 'square'
+    },
+    {
+        id: '6',
+        type: 'channel',
+        name: 'Stremio demo item channel 2',
+        poster: 'images/intro_background.png',
+        logo: 'images/default_avatar.png',
+        posterShape: 'square'
+    }
+];
+
+const useLibrary = (type, sort) => {
+    const items = React.useMemo(() => {
+        return libraryItems.filter(item => item.type === type);
+    }, [type, sort]);
+    const onSelect = React.useCallback((event) => {
+        const { name, value } = event.currentTarget.dataset;
+        if (name === 'type') {
+            const nextQuery = new URLSearchParams({ sort: typeof sort === 'string' ? sort : '' });
+            const nextType = typeof value === 'string' ? value : '';
+            window.location = `#/library/${nextType}?${nextQuery}`;
+        } else if (name === 'sort') {
+            const nextQuery = new URLSearchParams({ sort: typeof value === 'string' ? value : '' });
+            const nextType = typeof type === 'string' ? type : '';
+            window.location = `#/library/${nextType}?${nextQuery}`;
+        }
+    }, [type, sort]);
+    const typeDropdown = React.useMemo(() => {
+        const selected = typeof type === 'string' && type.length > 0 ? [type] : [];
+        const options = libraryItems
+            .map(({ type }) => type)
+            .concat(selected)
+            .filter((type, index, types) => types.indexOf(type) === index)
+            .map((type) => ({ label: type, value: type }));
+        return {
+            name: 'type',
+            selected,
+            options,
+            onSelect
+        };
+    }, [type, onSelect]);
+    const sortDropdown = React.useMemo(() => {
+        const selected = typeof sort === 'string' && sort.length > 0 ? [sort] : [];
+        const options = [{ label: 'A-Z', value: 'a-z' }, { label: 'Recent', value: 'recent' }];
+        return {
+            name: 'sort',
+            selected,
+            options,
+            onSelect
+        };
+    }, [sort, onSelect]);
+    return [items, [typeDropdown, sortDropdown]];
+};
+
+module.exports = useLibrary;