@@ -244,9 +246,13 @@ export function MessengersView({ onOpenConnectModal, onOpenAddContactModal }: Me
{/* Conversation list */}
{filteredConversations.length === 0 ? (
-
- Диалоги не найдены
-
+
setSearchQuery('') }}
+ />
) : (
filteredConversations.map((item) => {
const isActive = item.id === activeChat.id;
diff --git a/src/features/communications/components/Modals.tsx b/src/features/communications/components/Modals.tsx
index 98b7c46..31b0b59 100644
--- a/src/features/communications/components/Modals.tsx
+++ b/src/features/communications/components/Modals.tsx
@@ -1,5 +1,5 @@
import { useState, type FormEvent } from 'react';
-import { Modal, Button, Input } from '@krona/ui';
+import { Modal, Button, Input } from '@omnichannel/ui';
import { useCommunicationsStore } from '../services/communicationsService';
import { useToast } from '../../../shared/ui';
import { Paperclip } from 'lucide-react';
diff --git a/src/features/communications/components/SettingsView.tsx b/src/features/communications/components/SettingsView.tsx
index 820eb6c..7ffbc3c 100644
--- a/src/features/communications/components/SettingsView.tsx
+++ b/src/features/communications/components/SettingsView.tsx
@@ -1,7 +1,7 @@
import { useState } from 'react';
import { RefreshCw, Trash2, Globe, UserCog, Bell, Volume2, PanelTop } from 'lucide-react';
import { useCommunicationsStore } from '../services/communicationsService';
-import { Button, Badge } from '@krona/ui';
+import { Button, Badge } from '@omnichannel/ui';
import { useToast } from '../../../shared/ui';
interface SettingsViewProps {
diff --git a/src/index.css b/src/index.css
index b125a78..3d60e12 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,5 @@
-@import '@krona/tokens.css';
-@import '@krona/themes.css';
-@import '@krona/ui.css';
+@import '@omnichannel/tokens/css';
+@import '@omnichannel/themes/css';
@tailwind base;
@tailwind components;
diff --git a/src/stores/theme.ts b/src/stores/theme.ts
index c080684..ce66952 100644
--- a/src/stores/theme.ts
+++ b/src/stores/theme.ts
@@ -57,6 +57,11 @@ function applyThemeToDom(theme: ThemeMode) {
const activeLegacy = legacyThemeMap[theme] || 'light';
document.documentElement.setAttribute('data-krona-theme', activeKrona);
+ document.documentElement.setAttribute('data-omni-theme', activeKrona);
+ document.documentElement.setAttribute(
+ 'data-omni-density',
+ window.matchMedia('(max-width: 600px)').matches ? 'touch' : 'workspace',
+ );
document.documentElement.setAttribute('data-theme', activeLegacy);
}
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 3ca1612..2eb84c4 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -17,9 +17,14 @@
/* Paths */
"paths": {
"@/*": ["./src/*"],
- "@krona/tokens": ["../krona-library/packages/tokens/dist/index.d.ts"],
- "@krona/themes": ["../krona-library/packages/themes/dist/index.d.ts"],
- "@krona/ui": ["../krona-library/packages/ui/dist/index.d.ts"]
+ "react": ["./node_modules/@types/react/index.d.ts"],
+ "react/jsx-runtime": ["./node_modules/@types/react/jsx-runtime.d.ts"],
+ "react/jsx-dev-runtime": ["./node_modules/@types/react/jsx-dev-runtime.d.ts"],
+ "clsx": ["./node_modules/clsx/clsx.d.ts"],
+ "tailwind-merge": ["./node_modules/tailwind-merge/dist/types.d.ts"],
+ "@omnichannel/tokens": ["../library/packages/tokens/src/index.ts"],
+ "@omnichannel/themes": ["../library/packages/themes/src/index.tsx"],
+ "@omnichannel/ui": ["../library/packages/ui/src/index.ts"]
},
/* Linting */
diff --git a/vite.config.ts b/vite.config.ts
index 1d2907b..cc0fc41 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,17 +9,18 @@ const currentDir = path.dirname(fileURLToPath(import.meta.url))
export default defineConfig({
plugins: [react()],
resolve: {
- alias: {
- '@': path.resolve(currentDir, './src'),
- react: path.resolve(currentDir, './node_modules/react'),
- 'react-dom': path.resolve(currentDir, './node_modules/react-dom'),
- '@krona/tokens': path.resolve(currentDir, '../krona-library/packages/tokens/dist/index.mjs'),
- '@krona/themes': path.resolve(currentDir, '../krona-library/packages/themes/dist/index.mjs'),
- '@krona/ui': path.resolve(currentDir, '../krona-library/packages/ui/dist/index.mjs'),
- '@krona/tokens.css': path.resolve(currentDir, '../krona-library/packages/tokens/src/tokens.css'),
- '@krona/themes.css': path.resolve(currentDir, '../krona-library/packages/themes/src/themes.css'),
- '@krona/ui.css': path.resolve(currentDir, '../krona-library/packages/ui/dist/style.css'),
- },
+ alias: [
+ { find: '@', replacement: path.resolve(currentDir, './src') },
+ { find: 'react', replacement: path.resolve(currentDir, './node_modules/react') },
+ { find: 'react-dom', replacement: path.resolve(currentDir, './node_modules/react-dom') },
+ { find: 'clsx', replacement: path.resolve(currentDir, './node_modules/clsx/dist/clsx.mjs') },
+ { find: 'tailwind-merge', replacement: path.resolve(currentDir, './node_modules/tailwind-merge/dist/bundle-mjs.mjs') },
+ { find: '@omnichannel/tokens/css', replacement: path.resolve(currentDir, '../library/packages/tokens/src/tokens.css') },
+ { find: '@omnichannel/themes/css', replacement: path.resolve(currentDir, '../library/packages/themes/src/themes.css') },
+ { find: '@omnichannel/tokens', replacement: path.resolve(currentDir, '../library/packages/tokens/src/index.ts') },
+ { find: '@omnichannel/themes', replacement: path.resolve(currentDir, '../library/packages/themes/src/index.tsx') },
+ { find: '@omnichannel/ui', replacement: path.resolve(currentDir, '../library/packages/ui/src/index.ts') },
+ ],
},
build: {
chunkSizeWarningLimit: 1200,
diff --git a/vitest.config.ts b/vitest.config.ts
index dcbdddc..3e7b29a 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -8,17 +8,18 @@ const currentDir = path.dirname(fileURLToPath(import.meta.url))
export default defineConfig({
plugins: [react()],
resolve: {
- alias: {
- '@': path.resolve(currentDir, './src'),
- react: path.resolve(currentDir, './node_modules/react'),
- 'react-dom': path.resolve(currentDir, './node_modules/react-dom'),
- '@krona/tokens': path.resolve(currentDir, '../krona-library/packages/tokens/dist/index.mjs'),
- '@krona/themes': path.resolve(currentDir, '../krona-library/packages/themes/dist/index.mjs'),
- '@krona/ui': path.resolve(currentDir, '../krona-library/packages/ui/dist/index.mjs'),
- '@krona/tokens.css': path.resolve(currentDir, '../krona-library/packages/tokens/src/tokens.css'),
- '@krona/themes.css': path.resolve(currentDir, '../krona-library/packages/themes/src/themes.css'),
- '@krona/ui.css': path.resolve(currentDir, '../krona-library/packages/ui/dist/style.css'),
- },
+ alias: [
+ { find: '@', replacement: path.resolve(currentDir, './src') },
+ { find: 'react', replacement: path.resolve(currentDir, './node_modules/react') },
+ { find: 'react-dom', replacement: path.resolve(currentDir, './node_modules/react-dom') },
+ { find: 'clsx', replacement: path.resolve(currentDir, './node_modules/clsx/dist/clsx.mjs') },
+ { find: 'tailwind-merge', replacement: path.resolve(currentDir, './node_modules/tailwind-merge/dist/bundle-mjs.mjs') },
+ { find: '@omnichannel/tokens/css', replacement: path.resolve(currentDir, '../library/packages/tokens/src/tokens.css') },
+ { find: '@omnichannel/themes/css', replacement: path.resolve(currentDir, '../library/packages/themes/src/themes.css') },
+ { find: '@omnichannel/tokens', replacement: path.resolve(currentDir, '../library/packages/tokens/src/index.ts') },
+ { find: '@omnichannel/themes', replacement: path.resolve(currentDir, '../library/packages/themes/src/index.tsx') },
+ { find: '@omnichannel/ui', replacement: path.resolve(currentDir, '../library/packages/ui/src/index.ts') },
+ ],
},
test: {
environment: 'jsdom',