showOAWidget

Cập nhật lần cuối: 31/05/2024

Bắt đầu hỗ trợ ở phiên bản:

• SDK: 2.38.0

Widget Quan tâm OA: Người dùng bấm nút "Quan tâm" trên widget sẽ thực hiện quan tâm ngay mà không cần hiển thị bottom sheet xin quyền. Thông tin OA được lấy từ OA đã xác thực Mini App.

Người dùng chưa quan tâm OA	Người dùng đã quan tâm OA

Parameters

Object object

Property	Type	Default	Required	Description	Minimum Version
id	string		true	ID của element, nơi cần hiển thị widget
guidingText	string	Nhận thông báo khuyến mãi mới nhất từ cửa hàng		Chuỗi dùng để thông báo cho người dùng
color	string	#0068FF		Màu chủ đạo của widget. Giá trị phải là chuỗi hex
onStatusChange	function			Trả về trạng thái khi nhấn theo dỗi OA

Sample Code

import React, { useEffect } from "react";
import { showOAWidget } from "zmp-sdk/apis";

function HomePage() {
  useEffect(() => {
    showOAWidget({
      id: "oaWidget",
      guidingText: "Nhận thông báo khuyến mãi mới nhất từ cửa hàng"
      color: "#0068FF",
      onStatusChange: (status) => {
        console.log(status);
      }
    });
  }, []);

  return (
    <>
      ...
      <div id='oaWidget' />
      ...
    </>
  );
}

export default HomePage;