Page MenuHomePhabricator
Differential D5161

[landing] updated which wagmi parameter is the actual address
ClosedPublic
Actions

Authored by • derek on Sep 16 2022, 8:27 AM.
Tags
None
Referenced Files
Unknown Object (File)
Tue, Mar 18, 1:47 AM
Unknown Object (File)
Mon, Mar 17, 12:32 PM
Unknown Object (File)
Mon, Mar 17, 4:18 AM
Unknown Object (File)
Mon, Mar 17, 4:18 AM
Unknown Object (File)
Fri, Mar 7, 1:17 AM
Unknown Object (File)
Mar 3 2025, 5:41 AM
Unknown Object (File)
Mar 2 2025, 10:38 PM
Unknown Object (File)
Mar 2 2025, 10:38 PM
View All Files
Subscribers
• abosh
ashoat
atul
tomek
varun

Details

Reviewers
atul
varun
• abosh
ashoat
Commits
rCOMMafc567e66d62: [landing] updated which wagmi parameter is the actual address
Summary

wagmi's latest useAccount() has a more sane api surface for exposing the address

Test Plan

run landing, console.log the address and find that it exists

Diff Detail

Repository
rCOMM Comm
Branch
derek/siwe-landing
Lint
No Lint Coverage
Unit
No Test Coverage

Revision Contents
Changeset List

PathSize
landing/
3 lines

Diff 16764

View Options

landing/siwe.react.js

// @flow // @flow
import { faTimesCircle } from '@fortawesome/free-solid-svg-icons'; import { faTimesCircle } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames'; import classNames from 'classnames';
import * as React from 'react'; import * as React from 'react';
import { useSearchSidebars } from 'lib/hooks/search-sidebars';
import { sidebarInfoSelector } from 'lib/selectors/thread-selectors'; import { sidebarInfoSelector } from 'lib/selectors/thread-selectors';
import SearchIndex from 'lib/shared/search-index'; import SearchIndex from 'lib/shared/search-index';
import { threadSearchText } from 'lib/shared/thread-utils'; import { threadSearchText } from 'lib/shared/thread-utils';
import type { ThreadInfo } from 'lib/types/thread-types'; import type { ThreadInfo } from 'lib/types/thread-types';
import chatThreadListCSS from '../../chat/chat-thread-list.css'; import chatThreadListCSS from '../../chat/chat-thread-list.css';
import SidebarItem from '../../chat/sidebar-item.react'; import SidebarItem from '../../chat/sidebar-item.react';
import { useSelector } from '../../redux/redux-utils'; import { useSelector } from '../../redux/redux-utils';
import globalCSS from '../../style.css'; import globalCSS from '../../style.css';
import { MagnifyingGlass } from '../../vectors.react'; import { MagnifyingGlass } from '../../vectors.react';
import Input from '../input.react'; import Input from '../input.react';
import { useModalContext } from '../modal-provider.react'; import { useModalContext } from '../modal-provider.react';
import Modal from '../modal.react'; import Modal from '../modal.react';
type Props = { type Props = {
+threadInfo: ThreadInfo, +threadInfo: ThreadInfo,
}; };
function SidebarListModal(props: Props): React.Node { function SidebarListModal(props: Props): React.Node {
const { threadInfo } = props; const { threadInfo } = props;
const [searchState, setSearchState] = React.useState({ const { listData, searchState, setSearchState } = useSearchSidebars(
text: '', threadInfo,
results: new Set<string>(), );
});
const { popModal } = useModalContext(); const { popModal } = useModalContext();
const sidebarInfos = useSelector( const sidebarInfos = useSelector(
state => sidebarInfoSelector(state)[threadInfo.id] ?? [], state => sidebarInfoSelector(state)[threadInfo.id] ?? [],
); );
const userInfos = useSelector(state => state.userStore.userInfos); const userInfos = useSelector(state => state.userStore.userInfos);
const listData = React.useMemo(() => {
if (!searchState.text) {
return sidebarInfos;
}
return sidebarInfos.filter(sidebarInfo =>
searchState.results.has(sidebarInfo.threadInfo.id),
);
}, [sidebarInfos, searchState]);
const sidebars = React.useMemo( const sidebars = React.useMemo(
() => () =>
listData.map(item => ( listData.map(item => (
<div <div
className={classNames( className={classNames(
chatThreadListCSS.thread, chatThreadListCSS.thread,
chatThreadListCSS.sidebar, chatThreadListCSS.sidebar,
)} )}
Show All 21 Lines const searchIndex = React.useMemo(() => {
return index; return index;
}, [sidebarInfos, userInfos, viewerID]); }, [sidebarInfos, userInfos, viewerID]);
React.useEffect(() => { React.useEffect(() => {
setSearchState(curState => ({ setSearchState(curState => ({
...curState, ...curState,
results: new Set(searchIndex.getSearchResults(curState.text)), results: new Set(searchIndex.getSearchResults(curState.text)),
})); }));
}, [searchIndex]); }, [searchIndex, setSearchState]);
const onChangeSearchText = React.useCallback( const onChangeSearchText = React.useCallback(
(event: SyntheticEvent<HTMLInputElement>) => { (event: SyntheticEvent<HTMLInputElement>) => {
const searchText = event.currentTarget.value; const searchText = event.currentTarget.value;
setSearchState({ setSearchState({
text: searchText, text: searchText,
results: new Set(searchIndex.getSearchResults(searchText)), results: new Set(searchIndex.getSearchResults(searchText)),
}); });
}, },
[searchIndex], [searchIndex, setSearchState],
); );
const clearQuery = React.useCallback( const clearQuery = React.useCallback(
(event: SyntheticEvent<HTMLAnchorElement>) => { (event: SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault(); event.preventDefault();
setSearchState({ text: '', results: [] }); setSearchState({ text: '', results: new Set() });
}, },
[], [setSearchState],
); );
let clearQueryButton = null; let clearQueryButton = null;
if (searchState.text) { if (searchState.text) {
clearQueryButton = ( clearQueryButton = (
<a href="#" onClick={clearQuery}> <a href="#" onClick={clearQuery}>
<FontAwesomeIcon <FontAwesomeIcon
icon={faTimesCircle} icon={faTimesCircle}
Show All 33 Lines