Merge pull request #2717 from gluestack/fix/stream

Fix/stream
gluestack · Jan 15, 2025 · 8410776 · 8410776
2 parents 3f08fe7 + a26ecef
commit 8410776
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 29 deletions.
diff --git a/example/storybook-nativewind/src/extra-components/nativewind/VadimStream.tsx b/example/storybook-nativewind/src/extra-components/nativewind/VadimStream.tsx
@@ -1,12 +1,7 @@
 'use client';
 import React from 'react';
-import { Text } from '@/components/ui/text';
-import { Heading } from '@/components/ui/heading';
-import { VStack } from '@/components/ui/vstack';
-import { HStack } from '@/components/ui/hstack';
 import { Box } from '@/components/ui/box';
 import { useEffect } from 'react';
-import { Span } from '@expo/html-elements';
 
 declare global {
   interface Window {
@@ -72,30 +67,15 @@ const VadimStream = () => {
   }, []);
 
   return (
-    <Box className="gap-20">
-      <VStack className="max-w-[1024px] mt-[120px] gap-3">
-        <Heading className="text-3xl font-roboto font-bold sm:leading-[54px] leading-9 text-typography-900 sm:text-4xl">
-          Learn about gluestack from Youtube guru{' '}
-          <Span className="text-3xl font-roboto font-bold sm:leading-[54px] leading-9 text-info-600 sm:text-4xl">
-            notJust.dev
-          </Span>
-        </Heading>
-        <Text className="text-lg font-roboto font-normal leading-[30px] lg:w-[75%]">
-          Vadim, popularly known as "just-not-dev" on YouTube, offers insightful
-          and practical videos that explore a wide range of developer tools and
-          frameworks, including Gluestack-UI.
-        </Text>
-      </VStack>
-      <HStack className="relative flex-1 w-full h-full gap-5 flex-col md:flex-row ">
-        <Box
-          className="flex-1 border border-outline-200 rounded-lg overflow-hidden aspect-video"
-          id="player1"
-        />
-        <Box
-          className="flex-1 border border-outline-200 rounded-lg overflow-hidden aspect-video"
-          id="player2"
-        />
-      </HStack>
+    <Box className="relative flex-1 w-full h-full gap-5 flex-col md:flex-row mb-auto">
+      <Box
+        className="flex-1 border border-outline-200 rounded-lg overflow-hidden aspect-video"
+        id="player1"
+      />
+      <Box
+        className="flex-1 border border-outline-200 rounded-lg overflow-hidden aspect-video"
+        id="player2"
+      />
     </Box>
   );
 };

diff --git a/...ilding Ecommerce App/index.nw.stories.mdx → ...ilding-ecommerce-app/index.nw.stories.mdx b/...ilding Ecommerce App/index.nw.stories.mdx → ...ilding-ecommerce-app/index.nw.stories.mdx
@@ -9,4 +9,8 @@ import VadimStream from '../../../extra-components/nativewind/VadimStream';
 
 <Meta title="with-nativewind/Guides/Tutorials/Building Ecommerce App" />
 
+# Learn about gluestack from Youtube guru [notJust.dev](https://www.youtube.com/@notjustdev)
+
+Vadim, popularly known as "not-just-dev" on YouTube, offers insightful and practical videos that explore a wide range of developer tools and frameworks, including Gluestack-UI.
+
 <VadimStream />