diff --git a/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.spec.tsx b/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.spec.tsx index 47f327b7d3..0c2053eac4 100644 --- a/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.spec.tsx +++ b/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.spec.tsx @@ -83,7 +83,7 @@ describe('ConnectionUrl', () => { password: undefined, port: 6322, tls: false, - username: undefined + username: 'default' } ) }) diff --git a/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.tsx b/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.tsx index 443800271c..46d1b06e1e 100644 --- a/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.tsx +++ b/redisinsight/ui/src/pages/home/components/connection-url/ConnectionUrl.tsx @@ -42,7 +42,7 @@ const getPayload = (connectionUrl: string, returnOnError = false) => { name: details?.hostname || '127.0.0.1:6379', host: details?.host || '127.0.0.1', port: details?.port || 6379, - username: details?.username || undefined, + username: details?.username || 'default', password: details?.password || undefined, tls: details?.protocol === 'rediss', db: details?.dbNumber, @@ -91,7 +91,7 @@ const ConnectionUrl = (props: Props) => { const formik = useFormik({ initialValues: { - connectionURL: '' + connectionURL: 'redis://default@127.0.0.1:6379' }, validate, enableReinitialize: true, @@ -134,7 +134,7 @@ const ConnectionUrl = (props: Props) => { value={formik.values.connectionURL} onChange={formik.handleChange} fullWidth - placeholder="redis://127.0.0.1:6379" + placeholder="redis://default@127.0.0.1:6379" resize="none" style={{ height: 88 }} data-testid="connection-url" diff --git a/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/ConnectivityOptions.tsx b/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/ConnectivityOptions.tsx index 96ac10dccc..c34e529b24 100644 --- a/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/ConnectivityOptions.tsx +++ b/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/ConnectivityOptions.tsx @@ -28,7 +28,6 @@ const ConnectivityOptions = (props: Props) => { Get started with Redis Cloud account -
Recommended
@@ -40,7 +39,7 @@ const ConnectivityOptions = (props: Props) => { onClick={() => onClickOption(AddDbType.cloud)} data-testid="discover-cloud-btn" > - Discover Cloud dbs + Add Cloud databases @@ -62,6 +61,7 @@ const ConnectivityOptions = (props: Props) => { }} data-testid="create-free-db-btn" > + Create free database )} diff --git a/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/styles.module.scss b/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/styles.module.scss index 3bdcc33a04..20d4a68b0a 100644 --- a/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/styles.module.scss +++ b/redisinsight/ui/src/pages/home/components/connection-url/components/connectivity-options/styles.module.scss @@ -8,26 +8,6 @@ } } -.recommendedBox { - display: flex; - align-items: center; - - border: 1px solid var(--euiColorSecondary); - background-color: var(--tableRowSelectedColor); - - margin-left: 8px; - - font-size: 10px; - padding: 5px 8px; - line-height: 1; - - > svg { - width: 10px; - height: 10px; - margin-right: 4px; - } -} - .typeBtn { width: 100%; height: 76px !important; @@ -44,3 +24,7 @@ background-color: transparent !important; } } + +.star { + margin-right: 4px; +}