36ceae80fe
- Create PostFiles top-level component managing file display state - Add FileCarousel component for thumbnail navigation - Add DisplayedFile component for content rendering - Add FileDetails component for metadata display - Update props_for_post_files helper to generate HTML content server-side - Replace HTML/JS carousel with prerendered React components - Maintain single file layout compatibility - Add proper TypeScript interfaces and error handling - Register components in application and server bundles Components now handle: - Multiple file carousel display above content - File content switching via React state - Server-side rendered HTML injection - File details metadata display - Responsive thumbnail grid with selection states
15 lines
559 B
JavaScript
15 lines
559 B
JavaScript
import ReactOnRails from 'react-on-rails';
|
|
|
|
import UserSearchBar from '../bundles/Main/components/UserSearchBarServer';
|
|
import { PostHoverPreviewWrapper } from '../bundles/Main/components/PostHoverPreviewWrapper';
|
|
import { UserHoverPreviewWrapper } from '../bundles/Main/components/UserHoverPreviewWrapper';
|
|
import { PostFiles } from '../bundles/Main/components/PostFiles';
|
|
|
|
// This is how react_on_rails can see the UserSearchBar in the browser.
|
|
ReactOnRails.register({
|
|
UserSearchBar,
|
|
PostHoverPreviewWrapper,
|
|
UserHoverPreviewWrapper,
|
|
PostFiles,
|
|
});
|