feat(QR-Code): Loan/Return books with qr code

[wxiaoyun]

• QR code scanner helper function
  • takes in a zod schema for qr code parsing
  • onSuccess handler, onError handler
  • returns the parsed item
• Implementation: on success
  • use the info from scanned qr code to optimistically update fetching the book copy

    // Optimistically update to the new value
    queryClient.setQueryData(['todos'], (old) => [...old, newTodo])

• Generic Scanner page:

  • Takes in a onSubmit func that will be called
  • Takes in a qrcode scanner
  • Have local state to check whether user wish to receive confirmation
  • Option 1: manual key in book copy id, autocomplete command, on select triggers the confirmation dialog
  • Option 2: gigantic camera icon, click to turn on camera to detect qrcode
  • On scan success/key in book copy id, show confirmation dialog that renders the details of the book

• Scan QR code to loan book (all logged in user)

  • A page that allows librarians to manually key in bookcopy id to loan book or
  • Turns on the camera and scans only qr that matches the expected format, then loans the book on detection. (2 modes, ask for confirmation/disable confirmation)

• Scan QR code to return book (librarian only)

  • A page that allows librarians to manually key in bookcopy id to return book or
  • Turns on the camera and scans only qr that matches the expected format, then returns the book on detection. (2 modes, ask for confirmation/disable confirmation)

• Search ISBN code to auto populated create book info

  • https://developers.google.com/books/docs/v1/using#PerformingSearch

• Disallow loaning from catalogue and my reservation page