@dinhvdk/testsdk v0.1.24

This is a sdk ui oneid miniapp

Conditions

Nextjs framework

Installation

First, install tailwindcss https://tailwindcss.com/docs/guides/nextjs in config tailwind, add one field

    content:[
    ...,
    "./node_modules/@dinhvdk/**/*.{js,ts,jsx,tsx,mdx}"
    ]

import css from sdk

import '@dinhvdk/testsdk/index.css';

setup images, download in link https://drive.google.com/drive/folders/18gnNRTzcFslNnEN-KMvXkd5TOa-9I5Kw?usp=drive_link add somes image in structure

--public/
  --images/
    --background-search.png
    --icon-search.svg
    --icon-x.svg
    --icon-fail.svg
    --icon-suggest.svg

setup env, create .env file if development enviroment

NEXT_PUBLIC_DOMAIN_API_GRAPHQL=https://oneid-graphql-api-stg.coin98.dev/graphql
NEXT_PUBLIC_DOMAIN_API_REST=https://oneid-graphql-api-stg.coin98.dev/

if production enviroment

NEXT_PUBLIC_DOMAIN_API_GRAPHQL=
NEXT_PUBLIC_DOMAIN_API_REST=

How to use

import Miniapp component from sdk to use it

import {Miniapp} from "@dinhvdk/testsdk";
export default function Home() {
  return <Miniapp address={'0x199fD8183dC456f209be0F44826fde0C0a319936'}></Miniapp>
}

Props

address: evm address