shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): store sort order and page size of userlist in localstorage (#1262)

Browse Source
This commit is contained in:
Danshil Kokil Mungur
2021-03-23 04:54:06 +04:00
committed by GitHub
parent 1d7a938ef8
commit f5f8269cd2
2 changed files with 27 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Settings/SettingsLogs/index.tsx
View File

@@ -77,13 +77,13 @@ const SettingsLogs: React.FC = () => {
const { data: appData } = useSWR('/api/v1/status/appdata'); const { data: appData } = useSWR('/api/v1/status/appdata');
useEffect(() => { useEffect(() => {
const displayString = window.localStorage.getItem('logs-display-settings'); const filterString = window.localStorage.getItem('logs-display-settings');
if (displayString) { if (filterString) {
const displaySettings = JSON.parse(displayString); const filterSettings = JSON.parse(filterString);
setCurrentFilter(displaySettings.currentFilter); setCurrentFilter(filterSettings.currentFilter);
setCurrentPageSize(displaySettings.currentPageSize); setCurrentPageSize(filterSettings.currentPageSize);
} }
}, []); }, []);

23
src/components/UserList/index.tsx
View File

@@ -2,7 +2,7 @@ import axios from 'axios';
import { Field, Form, Formik } from 'formik'; import { Field, Form, Formik } from 'formik';
import Link from 'next/link'; import Link from 'next/link';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import React, { useState } from 'react'; import React, { useEffect, useState } from 'react';
import { defineMessages, useIntl } from 'react-intl'; import { defineMessages, useIntl } from 'react-intl';
import { useToasts } from 'react-toast-notifications'; import { useToasts } from 'react-toast-notifications';
import useSWR from 'swr'; import useSWR from 'swr';
@@ -110,6 +110,27 @@ const UserList: React.FC = () => {
const [selectedUsers, setSelectedUsers] = useState<number[]>([]); const [selectedUsers, setSelectedUsers] = useState<number[]>([]);
const { user: currentUser } = useUser(); const { user: currentUser } = useUser();
useEffect(() => {
const filterString = window.localStorage.getItem('ul-filter-settings');
if (filterString) {
const filterSettings = JSON.parse(filterString);
setCurrentSort(filterSettings.currentSort);
setCurrentPageSize(filterSettings.currentPageSize);
}
}, []);
useEffect(() => {
window.localStorage.setItem(
'ul-filter-settings',
JSON.stringify({
currentSort,
currentPageSize,
})
);
}, [currentSort, currentPageSize]);
const isUserPermsEditable = (userId: number) => const isUserPermsEditable = (userId: number) =>
userId !== 1 && userId !== currentUser?.id; userId !== 1 && userId !== currentUser?.id;
const isAllUsersSelected = () => { const isAllUsersSelected = () => {