feat: new component clip transcription

Author: Savecoders

src/components/ui/clip-transcription.tsx

@@ -0,0 +1,40 @@
+import { ClipboardRoot, Stack } from '@chakra-ui/react';
+import { ClipboardIconButton } from './clipboard';
+import { CSSProperties } from 'react';
+
+interface ClipTranscriptionProps {
+  textTranscription: string;
+  style?: CSSProperties;
+}
+
+export function ClipTranscription({ textTranscription, style }: ClipTranscriptionProps) {
+  return (
+    <ClipboardRoot maxW='400px' value={textTranscription || ''}>
+      <Stack
+        direction='row'
+        borderRadius={4}
+        p={4}
+        borderRightStyle={'solid'}
+        borderWidth={1}
+        whiteSpace={'wrap'}
+        overflow={'hidden'}
+        textOverflow={'ellipsis'}
+        style={style}
+      >
+        <div
+          style={{
+            width: '100%',
+            maxWidth: '400px',
+            overflowX: 'hidden',
+            overflowY: 'auto',
+            maxHeight: '100px',
+            scrollbarWidth: 'none',
+          }}
+        >
+          <p>{textTranscription}</p>
+        </div>
+        <ClipboardIconButton me='-2' />
+      </Stack>
+    </ClipboardRoot>
+  );
+}

tsconfig.app.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/ui/button.tsx","./src/components/ui/clipboard.tsx","./src/components/ui/color-mode.tsx","./src/components/ui/input-group.tsx","./src/components/ui/provider.tsx","./src/components/ui/skeleton.tsx","./src/popup/index.tsx","./src/services/browser.adapter.ts","./src/services/chome.service.ts","./src/services/firefox.service.ts","./src/services/index.ts","./src/services/transcript.service.ts","./src/utils/detectBrowser.ts"],"version":"5.6.3"}
+{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/ui/button.tsx","./src/components/ui/clip-transcription.tsx","./src/components/ui/clipboard.tsx","./src/components/ui/color-mode.tsx","./src/components/ui/input-group.tsx","./src/components/ui/provider.tsx","./src/components/ui/skeleton.tsx","./src/popup/index.tsx","./src/services/browser.adapter.ts","./src/services/chome.service.ts","./src/services/firefox.service.ts","./src/services/index.ts","./src/services/transcript.service.ts","./src/utils/detectBrowser.ts"],"version":"5.6.3"}