diff --git a/types/api/advancedFilter.ts b/types/api/advancedFilter.ts index 7a135914c4..474d299df3 100644 --- a/types/api/advancedFilter.ts +++ b/types/api/advancedFilter.ts @@ -42,12 +42,12 @@ export type AdvancedFilterResponseItem = { } | null; type: string; value: string | null; -} +}; export type AdvancedFiltersSearchParams = { methods: Record; tokens: Record; -} +}; export type AdvancedFilterResponse = { items: Array; @@ -59,11 +59,11 @@ export type AdvancedFilterResponse = { transaction_index: number; items_count: number; }; -} +}; export type AdvancedFilterMethodsResponse = Array; export type AdvancedFilterMethodInfo = { method_id: string; name?: string; -} +}; diff --git a/ui/address/mud/AddressMudRecordsKeyFilterContent.tsx b/ui/address/mud/AddressMudRecordsKeyFilterContent.tsx index b27cc1dea1..bc7af9dc63 100644 --- a/ui/address/mud/AddressMudRecordsKeyFilterContent.tsx +++ b/ui/address/mud/AddressMudRecordsKeyFilterContent.tsx @@ -9,7 +9,7 @@ type Props = { title: string; columnName: string; onClose?: () => void; -} +}; const AddressMudRecordsKeyFilter = ({ value = '', handleFilterChange, columnName, title, onClose }: Props) => { const [ filterValue, setFilterValue ] = React.useState(value); diff --git a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_base-view-mobile-1.png b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_base-view-mobile-1.png index 3277c7d982..957801fc71 100644 Binary files a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_base-view-mobile-1.png and b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_base-view-mobile-1.png differ diff --git a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_expanded-view-mobile-1.png b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_expanded-view-mobile-1.png index 743e54e78b..2500a668a3 100644 Binary files a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_expanded-view-mobile-1.png and b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_default_expanded-view-mobile-1.png differ diff --git a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_base-view-mobile-1.png b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_base-view-mobile-1.png index bc064b1ea6..c53de56964 100644 Binary files a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_base-view-mobile-1.png and b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_base-view-mobile-1.png differ diff --git a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_expanded-view-mobile-1.png b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_expanded-view-mobile-1.png index 599c4764e2..1b8a8c500a 100644 Binary files a/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_expanded-view-mobile-1.png and b/ui/address/mud/__screenshots__/AddressMudTable.pw.tsx_mobile_expanded-view-mobile-1.png differ diff --git a/ui/advancedFilter/ColumnFilter.tsx b/ui/advancedFilter/ColumnFilter.tsx index 25671ce264..bd1d91a961 100644 --- a/ui/advancedFilter/ColumnFilter.tsx +++ b/ui/advancedFilter/ColumnFilter.tsx @@ -20,7 +20,7 @@ type Props = { isLoading?: boolean; className?: string; children: React.ReactNode; -} +}; type ContentProps = { title: string; @@ -29,7 +29,7 @@ type ContentProps = { onReset?: () => void; onClose?: () => void; children: React.ReactNode; -} +}; const ColumnFilterContent = ({ title, isFilled, onFilter, onReset, onClose, children }: ContentProps) => { const onFilterClick = React.useCallback(() => { @@ -48,7 +48,7 @@ const ColumnFilterContent = ({ title, isFilled, onFilter, onReset, onClose, chil color: isFilled ? 'link_hovered' : 'none', }} > - Reset + Reset { children } diff --git a/ui/advancedFilter/FilterByColumn.tsx b/ui/advancedFilter/FilterByColumn.tsx index 03adf2d88b..2b1b2b82bb 100644 --- a/ui/advancedFilter/FilterByColumn.tsx +++ b/ui/advancedFilter/FilterByColumn.tsx @@ -23,7 +23,7 @@ type Props = { columnName: string; handleFilterChange: (field: keyof AdvancedFilterParams, val: unknown) => void; isLoading?: boolean; -} +}; const FilterByColumn = ({ column, filters, columnName, handleFilterChange, searchParams, isLoading }: Props) => { const commonProps = { columnName, handleFilterChange, isLoading }; diff --git a/ui/advancedFilter/ItemByColumn.tsx b/ui/advancedFilter/ItemByColumn.tsx index a22da06ddc..b4d96b102b 100644 --- a/ui/advancedFilter/ItemByColumn.tsx +++ b/ui/advancedFilter/ItemByColumn.tsx @@ -19,7 +19,8 @@ type Props = { item: AdvancedFilterResponseItem; column: ColumnsIds; isLoading?: boolean; -} +}; + const ItemByColumn = ({ item, column, isLoading }: Props) => { switch (column) { case 'tx_hash': @@ -41,8 +42,13 @@ const ItemByColumn = ({ item, column, isLoading }: Props) => { ); - case 'to': - return ; + case 'to': { + const address = item.to ? item.to : item.created_contract; + if (!address) { + return null; + } + return ; + } case 'or_and': return ( void; -} +}; type InputProps = { address?: string; @@ -35,7 +35,7 @@ type InputProps = { onChange: (event: ChangeEvent) => void; onClear: () => void; onAddFieldClick: () => void; -} +}; const AddressFilterInput = ({ address, mode, onModeChange, onChange, onClear, isLast, onAddFieldClick }: InputProps) => { return ( diff --git a/ui/advancedFilter/filters/AddressRelationFilter.tsx b/ui/advancedFilter/filters/AddressRelationFilter.tsx index 7a4a6b00e7..725e6cfd40 100644 --- a/ui/advancedFilter/filters/AddressRelationFilter.tsx +++ b/ui/advancedFilter/filters/AddressRelationFilter.tsx @@ -15,7 +15,7 @@ type Props = { columnName: string; isLoading?: boolean; onClose?: () => void; -} +}; const AddressRelationFilter = ({ value = DEFAULT_VALUE, handleFilterChange, onClose }: Props) => { const onFilter = React.useCallback((val: Value) => { diff --git a/ui/advancedFilter/filters/AgeFilter.tsx b/ui/advancedFilter/filters/AgeFilter.tsx index c9f9abae20..adfbba273b 100644 --- a/ui/advancedFilter/filters/AgeFilter.tsx +++ b/ui/advancedFilter/filters/AgeFilter.tsx @@ -16,7 +16,7 @@ const FILTER_PARAM_TO = 'age_to'; const FILTER_PARAM_AGE = 'age'; const defaultValue = { age: '', from: '', to: '' } as const; -type AgeFromToValue = { age: AdvancedFilterAge | ''; from: string; to: string } +type AgeFromToValue = { age: AdvancedFilterAge | ''; from: string; to: string }; type Props = { value?: AgeFromToValue; @@ -24,7 +24,7 @@ type Props = { columnName: string; isLoading?: boolean; onClose?: () => void; -} +}; const AgeFilter = ({ value = defaultValue, handleFilterChange, onClose }: Props) => { const [ currentValue, setCurrentValue ] = React.useState(value); diff --git a/ui/advancedFilter/filters/AmountFilter.tsx b/ui/advancedFilter/filters/AmountFilter.tsx index 7f79a0ee05..df64eb08e6 100644 --- a/ui/advancedFilter/filters/AmountFilter.tsx +++ b/ui/advancedFilter/filters/AmountFilter.tsx @@ -39,13 +39,13 @@ const PRESETS = [ ]; const defaultValue = { from: '', to: '' }; -type AmountValue = { from?: string; to?: string } +type AmountValue = { from?: string; to?: string }; type Props = { value?: AmountValue; handleFilterChange: (filed: keyof AdvancedFilterParams, value?: string) => void; onClose?: () => void; -} +}; const AmountFilter = ({ value = {}, handleFilterChange, onClose }: Props) => { const [ currentValue, setCurrentValue ] = React.useState(value || defaultValue); diff --git a/ui/advancedFilter/filters/AssetFilter.tsx b/ui/advancedFilter/filters/AssetFilter.tsx index ab0b875317..93dcbb6eef 100644 --- a/ui/advancedFilter/filters/AssetFilter.tsx +++ b/ui/advancedFilter/filters/AssetFilter.tsx @@ -30,7 +30,7 @@ type Props = { columnName: string; isLoading?: boolean; onClose?: () => void; -} +}; const AssetFilter = ({ value = [], handleFilterChange, onClose }: Props) => { const [ currentValue, setCurrentValue ] = React.useState([ ...value ]); diff --git a/ui/advancedFilter/filters/MethodFilter.tsx b/ui/advancedFilter/filters/MethodFilter.tsx index 871365b02b..b0951ad761 100644 --- a/ui/advancedFilter/filters/MethodFilter.tsx +++ b/ui/advancedFilter/filters/MethodFilter.tsx @@ -20,7 +20,7 @@ type Props = { value?: Array; handleFilterChange: (filed: keyof AdvancedFilterParams, val: Array) => void; onClose?: () => void; -} +}; const MethodFilter = ({ value = [], handleFilterChange, onClose }: Props) => { const [ currentValue, setCurrentValue ] = React.useState>([ ...value ]); diff --git a/ui/advancedFilter/filters/TypeFilter.tsx b/ui/advancedFilter/filters/TypeFilter.tsx index 0ff5f6722a..5437610f5b 100644 --- a/ui/advancedFilter/filters/TypeFilter.tsx +++ b/ui/advancedFilter/filters/TypeFilter.tsx @@ -18,7 +18,7 @@ type Props = { value?: Array; handleFilterChange: (filed: keyof AdvancedFilterParams, value: Array) => void; onClose?: () => void; -} +}; const TypeFilter = ({ value = [], handleFilterChange, onClose }: Props) => { const [ currentValue, setCurrentValue ] = React.useState>([ ...value ]);