Attendance System - Copy this React, Tailwind Component to your project

Design a page to check/in check/out for employee and a page to review (approve/reject can edit if have mistake). In a page attendance (check/in will fírst appear, with supermarket, and name employee will get default from account user login) then Check out only appears after check in. I need a popup when check/in or check/out complete included if location of employee and the supermarket location is more than 1km away, a warning will appear.