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;
+}