diff --git a/app/src/component/searchResultItem/view.js b/app/src/component/searchResultItem/view.js
index 7d805a64..58c318aa 100644
--- a/app/src/component/searchResultItem/view.js
+++ b/app/src/component/searchResultItem/view.js
@@ -1,6 +1,7 @@
import React from 'react';
import { normalizeURI, parseURI } from 'lbry-redux';
-import { Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';
+import Colors from '../../styles/colors';
import FileItemMedia from '../fileItemMedia';
import NsfwOverlay from '../../component/nsfwOverlay';
import searchStyle from '../../styles/search';
@@ -39,7 +40,13 @@ class SearchResultItem extends React.PureComponent {
thumbnail={metadata ? metadata.thumbnail : null} />
- {isResolvingUri && Loading...}
+ {isResolvingUri && (
+
+ {uri}
+
+
+
+ )}
{!isResolvingUri && {title || name}}
{!isResolvingUri && channel && {channel}}
diff --git a/app/src/component/uriBar/internal/uri-bar-item.js b/app/src/component/uriBar/internal/uri-bar-item.js
index b0d48f5f..40d54937 100644
--- a/app/src/component/uriBar/internal/uri-bar-item.js
+++ b/app/src/component/uriBar/internal/uri-bar-item.js
@@ -8,7 +8,7 @@ import uriBarStyle from '../../../styles/uriBar';
class UriBarItem extends React.PureComponent {
render() {
const { item, onPress } = this.props;
- const { type, value } = item;
+ const { shorthand, type, value } = item;
let icon;
switch (type) {
@@ -29,7 +29,7 @@ class UriBarItem extends React.PureComponent {
return (
{icon}
- {value}
+ {shorthand || value} - {type === 'search' ? 'Search' : value}
)
}
diff --git a/app/src/styles/search.js b/app/src/styles/search.js
index 8ace8954..e8b01f12 100644
--- a/app/src/styles/search.js
+++ b/app/src/styles/search.js
@@ -42,6 +42,11 @@ const searchStyle = StyleSheet.create({
fontFamily: 'Metropolis-SemiBold',
fontSize: 16
},
+ uri: {
+ fontFamily: 'Metropolis-SemiBold',
+ fontSize: 14,
+ marginBottom: 8
+ },
publisher: {
fontFamily: 'Metropolis-SemiBold',
fontSize: 12,