franpcode/classify_saved_videos_yt
1
0
Fork 0
mirror of https://github.com/FranP-code/classify_saved_videos_yt.git synced 2025-10-13 00:32:25 +00:00
Code Issues 2 Packages Projects Releases Wiki Activity

Refactor VideoClassifierApp to use props for videos and update VirtualTable to utilize @tanstack/react-virtual

Browse Source
This commit is contained in:
Francisco Pessano
2025-07-12 01:21:50 -03:00
parent 3b3dcbe1d8
commit 4dfbc0c26f
6 changed files with 130 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/pages/index.astro
View File

@@ -1,5 +1,14 @@
---
import VideoClassifierApp from '@/components/VideoClassifierApp';
import '../styles/global.css';
import { join } from 'path';
import { readFileSync } from 'fs';
import { parseCSV } from '@/utils/csvParser';
const csvPath = join(process.cwd(), '..', 'video_classifications.csv')
const csvContent = readFileSync(csvPath, 'utf-8');
const videos = parseCSV(csvContent);
---
<html lang="en">
@@ -13,18 +22,6 @@ import '../styles/global.css';
</head>
<body class="min-h-screen bg-background">
<div id="app"></div>
<script>
import VideoClassifierApp from '../components/VideoClassifierApp.tsx';
import { createRoot } from 'react-dom/client';
import React from 'react';
const container = document.getElementById('app');
if (container) {
const root = createRoot(container);
root.render(React.createElement(VideoClassifierApp));
}
</script>
<VideoClassifierApp client:load videos={videos} />
</body>
</html>