Skip to content

Commit 59b3639

Browse files
surajahmedsurajahmed
authored
Merge pull request #455 from GeekyAnts/feat/v2-links
feat: updated content
2 parents b793e68 + 6e6380c commit 59b3639

File tree

8 files changed

+67
-76
lines changed

8 files changed

+67
-76
lines changed

‎docs/3.0.x/installation.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ title: Installation
66
import { InstallationTiles } from "../../src/components";
77

88
**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
9-
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
9+
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
1010

1111
Refer the guides shown below to setup NativeBase in your React app.
1212

‎docs/3.1.x/installation.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ title: Installation
66
import { InstallationTiles } from "../../src/components";
77

88
**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
9-
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
9+
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
1010

1111
Refer the guides shown below to setup NativeBase in your React app.
1212

@@ -31,4 +31,4 @@ All snippets start with the prefix `nb-` and are followed by the name of the des
3131
source={{ uri: "https://cdn.nativebase.io/NativeBaseSnippet.gif" }}
3232
alt="aang transitioning to avatar state"
3333
/>
34-
</AspectRatio>
34+
</AspectRatio>

‎docs/3.2.x/installation.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ title: Installation
66
import { InstallationTiles } from "../../src/components";
77

88
**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
9-
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
9+
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
1010

1111
Refer the guides shown below to setup NativeBase in your React app.
1212

‎docs/3.3.x/installation.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ title: Installation
66
import { InstallationTiles } from "../src/components";
77

88
**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
9-
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
9+
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
1010

1111
Refer the guides shown below to setup NativeBase in your React app.
1212

‎docs/3.4.x/installation.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ title: Installation
66
import { InstallationTiles } from "../src/components";
77

88
**NativeBase** is supported in [Expo](https://docs.expo.dev/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
9-
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation) for better performance, new design).
9+
(Note: If you are starting a new project, please try [gluestack-ui](https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage) for better performance, new design).
1010

1111
Refer the guides shown below to setup NativeBase in your React app.
1212

‎layouts/index.tsx

+6-24
Original file line numberDiff line numberDiff line change
@@ -377,30 +377,12 @@ function Layout({
377377
>
378378
<AlertIcon height={18} width={18} />
379379
<Text ml="1">
380-
Please opt in to our enterprise plan (coming soon) for
381-
priority support with NativeBase. If you are starting a
382-
new project, we recommend using{" "}
383-
<a href="https://ui.gluestack.io/" target="_blank">
384-
<Text
385-
fontWeight="semibold"
386-
textDecorationLine="underline"
387-
>
388-
gluestack-ui
389-
</Text>
390-
</a>
391-
{". "}
392-
For your existing projects, you can utilize{" "}
393-
<a
394-
href="https://gluestack.io/ui/docs/migration/native-base-to-gluestack-ui"
395-
target="_blank"
396-
>
397-
<Text
398-
fontWeight="semibold"
399-
textDecorationLine="underline"
400-
>
401-
@gluestack-ui/themed
402-
</Text>
403-
</a>
380+
{" "}
381+
If you are starting a new project, please try{" "}
382+
<Link href="https://gluestack.io/ui/docs/home/getting-started/installation">
383+
gluestack-ui
384+
</Link>{" "}
385+
for better performance and new design.
404386
</Text>
405387
</Box>
406388
</Stack>

‎src/components/GettingStartedHero.tsx

+39-40
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from "react";
2-
import { Box, Text, VStack, Stack, useColorModeValue } from "native-base";
2+
import { Box, Text, VStack, Stack, useColorModeValue, Link } from "native-base";
33
import {
44
CodePlaygroundIcon,
55
BookMarkIcon,
@@ -32,47 +32,46 @@ export function GettingStartedHero() {
3232
allowing you to develop apps for Android, iOS and the Web.
3333
<br />
3434
<br />
35-
Please opt in to our enterprise plan (coming soon) for priority
36-
support with NativeBase.
37-
<br />
38-
IMPORTANT MESSAGE — If you are starting a new project with
39-
NativeBase, we recommend using{" "}
40-
<a href="https://ui.gluestack.io/" target="_blank">
41-
<Text fontWeight="semibold" textDecorationLine="underline">
42-
gluestack-ui
43-
</Text>
44-
</a>{" "}
45-
instead. However, if you are already working on a NativeBase
46-
project, we recommend using{" "}
47-
<a
48-
href="https://gluestack.io/ui/docs/migration/native-base-to-gluestack-ui"
49-
target="_blank"
50-
>
51-
<Text fontWeight="semibold" textDecorationLine="underline">
52-
@gluestack-ui/themed
53-
</Text>
54-
</a>{" "}
55-
instead.{" "}
56-
<a
57-
href="https://nativebase.io/blogs/road-ahead-with-gluestack-ui"
58-
target="_blank"
35+
<Box
36+
mb="8"
37+
px="8"
38+
rounded="8"
39+
py="6"
40+
borderWidth="1"
41+
borderLeftWidth="12"
42+
_light={{
43+
bg: "info.50",
44+
borderColor: "info.600",
45+
borderLeftColor: "info.600",
46+
}}
47+
_dark={{
48+
bg: "black:alpha.10",
49+
borderColor: "info.700:alpha.30",
50+
borderLeftColor: "info.700",
51+
}}
5952
>
60-
<Text fontWeight="semibold" textDecorationLine="underline">
61-
Know More
53+
<Text
54+
fontSize="lg"
55+
mb={"0"}
56+
_light={{ color: "tipBackgroundColorLight" }}
57+
_dark={{ color: "coolGray.50" }}
58+
fontWeight="medium"
59+
>
60+
Info:{" "}
61+
<Text
62+
fontSize="md"
63+
fontWeight="light"
64+
_light={{ color: "tipBackgroundColorLight" }}
65+
_dark={{ color: "tipBackgroundColorDark" }}
66+
>
67+
If you are starting a new project, please try{" "}
68+
<Link href="https://gluestack.io/ui/docs/home/getting-started/installation/?utm_source=nativebase+website&utm_medium=Docs&utm_campaign=nbpage">
69+
gluestack-ui
70+
</Link>{" "}
71+
for better performance and new design.
72+
</Text>
6273
</Text>
63-
</a>
64-
.
65-
</Text>
66-
<Text
67-
fontSize="sm"
68-
textAlign="left"
69-
color="muted.800"
70-
_dark={{
71-
color: "muted.200",
72-
}}
73-
>
74-
Please opt in to our enterprise plan (coming soon) for priority
75-
support with NativeBase.
74+
</Box>
7675
</Text>
7776
<Stack direction={{ lg: "row" }} space="4">
7877
<TileLink

‎src/new-components/Navbar.tsx

+16-6
Original file line numberDiff line numberDiff line change
@@ -116,17 +116,27 @@ export default function Navbar(props: any) {
116116
>
117117
<Menu.Item
118118
_light={{
119-
bg: "gluestack-ui" === activeVersion ? "coolGray.200" : "coolGray.50",
119+
bg:
120+
"gluestack-ui" === activeVersion
121+
? "coolGray.200"
122+
: "coolGray.50",
120123
}}
121124
_dark={{
122-
bg: "gluestack-ui" === activeVersion ? "coolGray.800" : "coolGray.800",
125+
bg:
126+
"gluestack-ui" === activeVersion
127+
? "coolGray.800"
128+
: "coolGray.800",
123129
}}
124130
>
125-
<NBLink href="https://gluestack.io" isExternal isUnderlined={false}>
126-
gluestack-ui
131+
<NBLink
132+
href="https://www.gluestack.io/?utm_source=nativebase+website&utm_medium=Header&utm_campaign=nbpage"
133+
isExternal
134+
isUnderlined={false}
135+
>
136+
gluestack-ui
127137
</NBLink>
128138
</Menu.Item>
129-
<Menu.Item
139+
{/* <Menu.Item
130140
onPress={() => {
131141
setActiveVersion("next");
132142
updateActiveVersion("next", versions);
@@ -139,7 +149,7 @@ export default function Navbar(props: any) {
139149
}}
140150
>
141151
next
142-
</Menu.Item>
152+
</Menu.Item> */}
143153
{versions.map((version: string, index: any) => {
144154
return (
145155
<Menu.Item

0 commit comments

Comments
 (0)