mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-02-16 15:21:48 +03:00
s/setUiState/setUIState
This commit is contained in:
parent
d237fb8320
commit
635f4c1b0d
5 changed files with 26 additions and 26 deletions
|
@ -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.'
|
||||||
|
|
|
@ -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.');
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
|
|
|
@ -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');
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
}, []);
|
}, []);
|
||||||
|
|
|
@ -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]);
|
||||||
|
|
|
@ -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');
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue