Media Picker

Component cho phép người dùng chọn và quản lý media (hình ảnh, video, file) trong ứng dụng.

Cài đặt

• Setup 3 routes:
  • /api.v1.files.$.tsx
  • /api.v1.files.tsx
  • /api.v1.resources.$.tsx

Dùng proxyRequest từ @xotiny/remix-utils để proxy các request này. Tham khảo Proxy Request.

• Setup trong .env file:

SERVICE_FILES=//169.169.1.166:1236/api/v1/files
SERVICE_RESOURCES=//169.169.1.166:1239/api/v1/resources

Ví dụ

// app/routes/media-picker.tsx
import { useState } from 'react';
import { ModalImagePicker } from '@xotiny/polaris';

export default function MediaPicker() {
  const [open, setOpen] = useState(false);
  return <ModalImagePicker open={open} onClose={() => setOpen(false)} title="Select Image" onChoose={() => {}} />;
}