From bc2a48fddbfd70bbef4015b11b744c057620e579 Mon Sep 17 00:00:00 2001 From: Akash Gautam Date: Thu, 8 Feb 2024 13:38:45 +0530 Subject: [PATCH 1/3] docs: update for release --- docs/3.2.x/installation.mdx | 1 - docs/3.3.x/installation.mdx | 1 - docs/3.4.x/migration-guide-gluestack-ui.md | 4 ++-- docs/next/installation.mdx | 1 - 4 files changed, 2 insertions(+), 5 deletions(-) diff --git a/docs/3.2.x/installation.mdx b/docs/3.2.x/installation.mdx index 51dac139..8ad9a73f 100644 --- a/docs/3.2.x/installation.mdx +++ b/docs/3.2.x/installation.mdx @@ -8,7 +8,6 @@ import { InstallationTiles } from "../../src/components"; **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/). Refer the guides shown below to setup NativeBase in your React app. -(IMPORTANT MESSAGE — If you are starting a new project with NativeBase, we recommend using [gluestack-ui](https://ui.gluestack.io/) instead. [Know More](https://nativebase.io/blogs/road-ahead-with-gluestack-ui).) diff --git a/docs/3.3.x/installation.mdx b/docs/3.3.x/installation.mdx index 19fe28b5..242beefc 100644 --- a/docs/3.3.x/installation.mdx +++ b/docs/3.3.x/installation.mdx @@ -8,7 +8,6 @@ import { InstallationTiles } from "../src/components"; **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/). Refer the guides shown below to setup NativeBase in your React app. -(IMPORTANT MESSAGE — If you are starting a new project with NativeBase, we recommend using [gluestack-ui](https://ui.gluestack.io/) instead. [Know More](https://nativebase.io/blogs/road-ahead-with-gluestack-ui).) diff --git a/docs/3.4.x/migration-guide-gluestack-ui.md b/docs/3.4.x/migration-guide-gluestack-ui.md index 50b91e1b..78e5702c 100644 --- a/docs/3.4.x/migration-guide-gluestack-ui.md +++ b/docs/3.4.x/migration-guide-gluestack-ui.md @@ -4,6 +4,6 @@ title: Migrating to gluestack-ui --- `gluestack-ui` comes with major changes in philosophy as well as the API. With gluestack, we have re-imagined how we should code for React Native and the web. Therefore, you might encounter a few changes while migrating from `NativeBase` to `gluestack-ui`. Even though it might seem a bit of tedious work, we promise it will be worth it! -Please refer to [this](https://geekyants.notion.site/NativeBase-to-gluestack-ui-Migration-Plan-WIP-6409006d9ecc4fb2a559cca6117a3e7c?pvs=4) guide while migrating from `NativeBase` to `gluestack-ui`. +Please refer to [this](https://gluestack.io/ui/docs/migration/native-base-to-gluestack-ui) guide while migrating from `NativeBase` to `gluestack-ui`. -*Migration guide provided is a living document.* \ No newline at end of file +*Guide provided is a living document.* \ No newline at end of file diff --git a/docs/next/installation.mdx b/docs/next/installation.mdx index 19fe28b5..242beefc 100644 --- a/docs/next/installation.mdx +++ b/docs/next/installation.mdx @@ -8,7 +8,6 @@ import { InstallationTiles } from "../src/components"; **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/). Refer the guides shown below to setup NativeBase in your React app. -(IMPORTANT MESSAGE — If you are starting a new project with NativeBase, we recommend using [gluestack-ui](https://ui.gluestack.io/) instead. [Know More](https://nativebase.io/blogs/road-ahead-with-gluestack-ui).) From 764e9b2a34d9316cd19365bc05b5368e882a0105 Mon Sep 17 00:00:00 2001 From: Akash Gautam Date: Thu, 8 Feb 2024 13:39:12 +0530 Subject: [PATCH 2/3] chore: update layout for release --- layouts/icons.tsx | 8 +- layouts/index.tsx | 251 +++++++++----------------- src/components/GettingStartedHero.tsx | 16 +- src/components/NBHistory/index.tsx | 2 +- 4 files changed, 102 insertions(+), 175 deletions(-) diff --git a/layouts/icons.tsx b/layouts/icons.tsx index 5a4c706d..93cc1560 100644 --- a/layouts/icons.tsx +++ b/layouts/icons.tsx @@ -1,19 +1,21 @@ +import { useToken } from "native-base"; import React from "react"; -export function AlertIcon() { +export function AlertIcon({...props}) { + const color = useToken('colors', 'yellow.600'); return ( ); diff --git a/layouts/index.tsx b/layouts/index.tsx index 0e661180..9a759af0 100644 --- a/layouts/index.tsx +++ b/layouts/index.tsx @@ -2,7 +2,10 @@ import Head from "next/head"; import React, { useEffect, useContext, useState } from "react"; import { Box, + Divider, HStack, + Heading, + Icon, Link, Modal, Pressable, @@ -27,6 +30,7 @@ import NativebaseIconLogo from "../src/new-components/NativebaseIconLogo"; import Script from "next/script"; import { isLatestVersionSlug } from "../src/utils"; import { AlertIcon, RightArrow } from "./icons"; +import Svg, { Path } from "react-native-svg"; function Layout({ children: content, @@ -169,7 +173,8 @@ function Layout({ + > +