feat: switch ladle to v2

GetStream · Aug 5, 2022 · ecd1cc6 · ecd1cc6
1 parent e731b67
commit ecd1cc6
Show file tree

Hide file tree

Showing 11 changed files with 13 additions and 9 deletions.
diff --git a/.ladle/components.tsx b/.ladle/components.tsx
@@ -1,6 +1,7 @@
 import type { GlobalProvider } from '@ladle/react';
 import React from 'react';
 
+import '@stream-io/stream-chat-css/dist/v2/css/index.css';
 import './styles.css';
 
 // https://ladle.dev/docs/providers

diff --git a/.ladle/styles.css b/.ladle/styles.css
@@ -1,9 +1,18 @@
 .ladle-main {
   padding: 0 1rem 3rem;
 }
+
+.chat-wrapper {
+  display: flex;
+  flex-direction: row;
+}
+
 .str-chat {
   height: 700px !important;
 }
+.str-chat-channel {
+  flex-grow: 1;
+}
 
 .str-chat-channel-list {
   overflow: auto;

diff --git a/src/stories/add-message.stories.tsx b/src/stories/add-message.stories.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import '@stream-io/stream-chat-css/dist/css/index.css';
 import React from 'react';
 import type { ChannelSort } from 'stream-chat';
 import {

diff --git a/src/stories/edit-message.stories.tsx b/src/stories/edit-message.stories.tsx
@@ -1,4 +1,3 @@
-import '@stream-io/stream-chat-css/dist/css/index.css';
 import React from 'react';
 import type { ChannelSort } from 'stream-chat';
 import {

diff --git a/src/stories/hello.stories.tsx b/src/stories/hello.stories.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import '@stream-io/stream-chat-css/dist/css/index.css';
 import React from 'react';
 import type { ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';
 import {

diff --git a/src/stories/jump-to-message.stories.tsx b/src/stories/jump-to-message.stories.tsx
@@ -9,7 +9,6 @@ import {
   VirtualizedMessageList,
   Window,
 } from '../index';
-import '@stream-io/stream-chat-css/dist/css/index.css';
 import { ConnectedUser } from './utils';
 
 void MessageList;

diff --git a/src/stories/mark-read.stories.tsx b/src/stories/mark-read.stories.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import '@stream-io/stream-chat-css/dist/css/index.css';
 import React from 'react';
 import type { ChannelSort } from 'stream-chat';
 import { nanoid } from 'nanoid';

diff --git a/src/stories/message-status-readby-tooltip.stories.tsx b/src/stories/message-status-readby-tooltip.stories.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import '@stream-io/stream-chat-css/dist/css/index.css';
 import React, { useCallback } from 'react';
 import type { ChannelSort } from 'stream-chat';
 import {

diff --git a/src/stories/navigate-long-message-lists.stories.tsx b/src/stories/navigate-long-message-lists.stories.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import '@stream-io/stream-chat-css/dist/css/index.css';
 import React, { useEffect } from 'react';
 import type { ChannelSort } from 'stream-chat';
 import {

diff --git a/src/stories/toggle-message-actions.stories.tsx b/src/stories/toggle-message-actions.stories.tsx
@@ -10,7 +10,6 @@ import {
   Thread,
   Window,
 } from '../components';
-import '@stream-io/stream-chat-css/dist/css/index.css';
 
 const allActions = Object.keys(MESSAGE_ACTIONS);
 const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => {

diff --git a/src/stories/utils.tsx b/src/stories/utils.tsx
@@ -63,7 +63,9 @@ export const ConnectedUser = <SCG extends DefaultGenerics = StreamChatGenerics>(
   return (
     <>
       <h3>User: {userId}</h3>
-      <Chat client={client}>{children}</Chat>
+      <div className='chat-wrapper'>
+        <Chat client={client}>{children}</Chat>
+      </div>
     </>
   );
 };