From 0ce789b42e98e10709fc7b70a11921b7aaba9bf6 Mon Sep 17 00:00:00 2001
From: Anton Arnautov <arnautov.anton@gmail.com>
Date: Wed, 22 Jan 2025 17:15:38 +0100
Subject: [PATCH] Adjust example application

---
 examples/vite/src/App.tsx    | 3 +--
 examples/vite/src/index.scss | 6 ++++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/examples/vite/src/App.tsx b/examples/vite/src/App.tsx
index f8df1ed80..dd52d39be 100644
--- a/examples/vite/src/App.tsx
+++ b/examples/vite/src/App.tsx
@@ -14,7 +14,6 @@ import {
   ThreadList,
   ChatView,
 } from 'stream-chat-react';
-import 'stream-chat-react/css/v2/index.css';
 
 const params = (new Proxy(new URLSearchParams(window.location.search), {
   get: (searchParams, property) => searchParams.get(property as string),
@@ -38,7 +37,7 @@ const filters: ChannelFilters = {
   archived: false,
 };
 const options: ChannelOptions = { limit: 5, presence: true, state: true };
-const sort: ChannelSort = [{ pinned_at: 1 }, { last_message_at: -1 }, { updated_at: -1 }];
+const sort: ChannelSort = { pinned_at: 1, last_message_at: -1, updated_at: -1 };
 
 type LocalAttachmentType = Record<string, unknown>;
 type LocalChannelType = Record<string, unknown>;
diff --git a/examples/vite/src/index.scss b/examples/vite/src/index.scss
index a5b013cd4..8959f1caa 100644
--- a/examples/vite/src/index.scss
+++ b/examples/vite/src/index.scss
@@ -12,6 +12,12 @@ body,
   height: 100%;
 }
 
+@layer stream, emoji-replacement;
+
+@import url('stream-chat-react/css/v2/index.css') layer(stream);
+// use in combination with useImageFlagEmojisOnWindows prop on Chat component
+// @import url('stream-chat-react/css/v2/emoji-replacement.css') layer(emoji-replacement);
+
 #root {
   display: flex;
   height: 100%;