Skip to main content

Transaction List Component

The TransactionListComponent shows a list of enriched transactions in a user-friendly way, with each transaction having an associated brand.

Usage​

To use this view, just call the TransactionView method of your LuneSDKManager instance as shown in the example below.

TransactionView.kt

import io.lunedata.lunesdk.library.classes.LuneSDKManager

@Composable
fun TransactionView(
luneSDK: LuneSDKManager
) {
luneSDK.TransactionListComponent()
}

To use this view in a project with Activities and Fragments, set the component property of your view to LuneView.TransactionListComponent, as shown in the example below.

YourActivity.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

// Grab our luneView and set the component property.
val luneView = findViewById<LuneCompatManager>(R.id.luneLayout)
luneView.component = LuneView.TransactionListComponent
}


Localization Keys and Analytics Tags​

Analytics Tags    Localization Keys

Component Screenshot

Analytics Tags

  1. summary_amount
  2. date_picker_button
  3. trends_button
  4. filter_button
  5. reported_switch
  6. amount_sort_button
  7. date_sort_button
  8. transaction_amount
  9. transaction_tile

Localization Keys

  1. lune_sdk_str_transaction_count
  2. lune_sdk_str_date
  3. lune_sdk_str_amount
  4. lune_sdk_str_reported
  5. lune_sdk_str_trends
  6. lune_sdk_str_search
Component Screenshot

Analytics Tags

  1. close_button
  2. category_filter_pane
  3. tag_filter_pane
  4. apply_button
  5. reset_button

Localization Keys

  1. lune_sdk_str_filters
  2. lune_sdk_str_filter_by_category
  3. lune_sdk_str_search
  4. lune_sdk_str_filter_by_tag
  5. lune_sdk_str_apply
  6. lune_sdk_str_reset
Component Screenshot

Analytics Tags

  1. tag_filter_option