Dashboard - Copy this React, Tailwind Component to your project
Create a dashboard for a web app that is meant for MB store owners to video record the packing process of orders. The app will scan the shipping label, recognize the order, connect and synchronize with Shopify, and initiate video recording after the label is scanned. The video recording continues until the packed package has the label attached, and the label is scanned again. This stops the video recording, uploads the recording to the cloud, and allows the Shopify store owner to access the link to the video recording. The dashboard is for the web version of the app, not the mobile version, which would have access to the camera. #### Dashboard Features: 1. **Order Management** View scanned orders Status of video recordings Synced with Shopify orders 2. **Video Recording** Start recording on label scan Stop recording on subsequent label scan Upload recordings to the cloud 3. **Access Video Links** Store and manage video links Access for Shopify store owners 4. **User Interface** Web version dashboard User friendly design Separate mobile version with camera access #### Dashboard Layout: 1. **Header** Logo Navigation links (Home, Orders, Recordings, Settings) 2. **Main Dashboard** Orders List: Order ID Shipping Label Status (Pending, Recording, Completed) Action buttons (Start Recording, Stop Recording) 3. **Recordings** Recording Status In progress / Completed Access links to video recordings 4. **Settings** Synchronization settings with Shopify User profile and preferences
