nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

s/setUiState/setUIState

Browse source
This commit is contained in:
Lim Chee Aun 2023-08-14 11:22:42 +08:00
parent d237fb8320
commit 635f4c1b0d
5 changed files with 26 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/account-info.jsx
View file

@ -978,13 +978,13 @@ function TranslatedBioSheet({ note, fields, onClose }) {
function AddRemoveListsSheet({ accountID, onClose }) { function AddRemoveListsSheet({ accountID, onClose }) {
const { masto } = api(); const { masto } = api();
const [uiState, setUiState] = useState('default'); const [uiState, setUIState] = useState('default');
const [lists, setLists] = useState([]); const [lists, setLists] = useState([]);
const [listsContainingAccount, setListsContainingAccount] = useState([]); const [listsContainingAccount, setListsContainingAccount] = useState([]);
const [reloadCount, reload] = useReducer((c) => c + 1, 0); const [reloadCount, reload] = useReducer((c) => c + 1, 0);
useEffect(() => { useEffect(() => {
setUiState('loading'); setUIState('loading');
(async () => { (async () => {
try { try {
const lists = await masto.v1.lists.list(); const lists = await masto.v1.lists.list();
@ -994,10 +994,10 @@ function AddRemoveListsSheet({ accountID, onClose }) {
console.log({ lists, listsContainingAccount }); console.log({ lists, listsContainingAccount });
setLists(lists); setLists(lists);
setListsContainingAccount(listsContainingAccount); setListsContainingAccount(listsContainingAccount);
setUiState('default'); setUIState('default');
} catch (e) { } catch (e) {
console.error(e); console.error(e);
setUiState('error'); setUIState('error');
} }
})(); })();
}, [reloadCount]); }, [reloadCount]);
@ -1028,7 +1028,7 @@ function AddRemoveListsSheet({ accountID, onClose }) {
class={`light ${inList ? 'checked' : ''}`} class={`light ${inList ? 'checked' : ''}`}
disabled={uiState === 'loading'} disabled={uiState === 'loading'}
onClick={() => { onClick={() => {
setUiState('loading'); setUIState('loading');
(async () => { (async () => {
try { try {
if (inList) { if (inList) {
@ -1040,11 +1040,11 @@ function AddRemoveListsSheet({ accountID, onClose }) {
accountIds: [accountID], accountIds: [accountID],
}); });
} }
// setUiState('default'); // setUIState('default');
reload(); reload();
} catch (e) { } catch (e) {
console.error(e); console.error(e);
setUiState('error'); setUIState('error');
alert( alert(
inList inList
? 'Unable to remove from list.' ? 'Unable to remove from list.'

14
src/components/list-add-edit.jsx
View file

@ -8,7 +8,7 @@ import MenuConfirm from './menu-confirm';
function ListAddEdit({ list, onClose }) { function ListAddEdit({ list, onClose }) {
const { masto } = api(); const { masto } = api();
const [uiState, setUiState] = useState('default'); const [uiState, setUIState] = useState('default');
const editMode = !!list; const editMode = !!list;
const nameFieldRef = useRef(); const nameFieldRef = useRef();
const repliesPolicyFieldRef = useRef(); const repliesPolicyFieldRef = useRef();
@ -49,7 +49,7 @@ function ListAddEdit({ list, onClose }) {
repliesPolicy, repliesPolicy,
exclusive, exclusive,
}); });
setUiState('loading'); setUIState('loading');
(async () => { (async () => {
try { try {
@ -70,14 +70,14 @@ function ListAddEdit({ list, onClose }) {
} }
console.log(listResult); console.log(listResult);
setUiState('default'); setUIState('default');
onClose?.({ onClose?.({
state: 'success', state: 'success',
list: listResult, list: listResult,
}); });
} catch (e) { } catch (e) {
console.error(e); console.error(e);
setUiState('error'); setUIState('error');
alert( alert(
editMode ? 'Unable to edit list.' : 'Unable to create list.', editMode ? 'Unable to edit list.' : 'Unable to create list.',
); );
@ -136,18 +136,18 @@ function ListAddEdit({ list, onClose }) {
onClick={() => { onClick={() => {
// const yes = confirm('Delete this list?'); // const yes = confirm('Delete this list?');
// if (!yes) return; // if (!yes) return;
setUiState('loading'); setUIState('loading');
(async () => { (async () => {
try { try {
await masto.v1.lists.remove(list.id); await masto.v1.lists.remove(list.id);
setUiState('default'); setUIState('default');
onClose?.({ onClose?.({
state: 'deleted', state: 'deleted',
}); });
} catch (e) { } catch (e) {
console.error(e); console.error(e);
setUiState('error'); setUIState('error');
alert('Unable to delete list.'); alert('Unable to delete list.');
} }
})(); })();

8
src/pages/followed-hashtags.jsx
View file

@ -12,11 +12,11 @@ const LIMIT = 200;
function FollowedHashtags() { function FollowedHashtags() {
const { masto, instance } = api(); const { masto, instance } = api();
useTitle(`Followed Hashtags`, `/ft`); useTitle(`Followed Hashtags`, `/ft`);
const [uiState, setUiState] = useState('default'); const [uiState, setUIState] = useState('default');
const [followedHashtags, setFollowedHashtags] = useState([]); const [followedHashtags, setFollowedHashtags] = useState([]);
useEffect(() => { useEffect(() => {
setUiState('loading'); setUIState('loading');
(async () => { (async () => {
try { try {
const iterator = masto.v1.followedTags.list({ const iterator = masto.v1.followedTags.list({
@ -31,10 +31,10 @@ function FollowedHashtags() {
tags.sort((a, b) => a.name.localeCompare(b.name)); tags.sort((a, b) => a.name.localeCompare(b.name));
console.log(tags); console.log(tags);
setFollowedHashtags(tags); setFollowedHashtags(tags);
setUiState('default'); setUIState('default');
} catch (e) { } catch (e) {
console.error(e); console.error(e);
setUiState('error'); setUIState('error');
} }
})(); })();
}, []); }, []);

8
src/pages/lists.jsx
View file

@ -14,21 +14,21 @@ import useTitle from '../utils/useTitle';
function Lists() { function Lists() {
const { masto } = api(); const { masto } = api();
useTitle(`Lists`, `/l`); useTitle(`Lists`, `/l`);
const [uiState, setUiState] = useState('default'); const [uiState, setUIState] = useState('default');
const [reloadCount, reload] = useReducer((c) => c + 1, 0); const [reloadCount, reload] = useReducer((c) => c + 1, 0);
const [lists, setLists] = useState([]); const [lists, setLists] = useState([]);
useEffect(() => { useEffect(() => {
setUiState('loading'); setUIState('loading');
(async () => { (async () => {
try { try {
const lists = await masto.v1.lists.list(); const lists = await masto.v1.lists.list();
console.log(lists); console.log(lists);
setLists(lists); setLists(lists);
setUiState('default'); setUIState('default');
} catch (e) { } catch (e) {
console.error(e); console.error(e);
setUiState('error'); setUIState('error');
} }
})(); })();
}, [reloadCount]); }, [reloadCount]);

8
src/pages/search.jsx
View file

@ -28,7 +28,7 @@ function Search(props) {
const { masto, instance, authenticated } = api({ const { masto, instance, authenticated } = api({
instance: params.instance, instance: params.instance,
}); });
const [uiState, setUiState] = useState('default'); const [uiState, setUIState] = useState('default');
const [searchParams] = useSearchParams(); const [searchParams] = useSearchParams();
const searchFormRef = useRef(); const searchFormRef = useRef();
const q = props?.query || searchParams.get('q'); const q = props?.query || searchParams.get('q');
@ -76,7 +76,7 @@ function Search(props) {
}; };
function loadResults(firstLoad) { function loadResults(firstLoad) {
setUiState('loading'); setUIState('loading');
if (firstLoad && !type) { if (firstLoad && !type) {
setStatusResults(statusResults.slice(0, SHORT_LIMIT)); setStatusResults(statusResults.slice(0, SHORT_LIMIT));
setAccountResults(accountResults.slice(0, SHORT_LIMIT)); setAccountResults(accountResults.slice(0, SHORT_LIMIT));
@ -116,10 +116,10 @@ function Search(props) {
offsetRef.current = 0; offsetRef.current = 0;
setShowMore(false); setShowMore(false);
} }
setUiState('default'); setUIState('default');
} catch (err) { } catch (err) {
console.error(err); console.error(err);
setUiState('error'); setUIState('error');
} }
})(); })();
} }