diff --git a/app/src/main/java/com/maary/liveinpeace/ConnectionListAdapter.kt b/app/src/main/java/com/maary/liveinpeace/ConnectionListAdapter.kt
index 6da7255..b512a0c 100644
--- a/app/src/main/java/com/maary/liveinpeace/ConnectionListAdapter.kt
+++ b/app/src/main/java/com/maary/liveinpeace/ConnectionListAdapter.kt
@@ -1,58 +1,88 @@
 package com.maary.liveinpeace
 
+import android.annotation.SuppressLint
 import android.content.Context
+import android.content.res.ColorStateList
 import android.media.AudioDeviceInfo
+import android.media.Image
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import android.widget.ImageView
 import android.widget.TextView
+import androidx.core.content.ContextCompat
 import androidx.recyclerview.widget.DiffUtil
 import androidx.recyclerview.widget.ListAdapter
 import androidx.recyclerview.widget.RecyclerView
 import com.maary.liveinpeace.database.Connection
 import java.util.concurrent.TimeUnit
+import kotlin.coroutines.coroutineContext
 
 class ConnectionListAdapter : ListAdapter<Connection, ConnectionListAdapter.ConnectionViewHolder>(ConnectionsComparator()){
 
+    private var currentItemLayout = R.layout.item_connection
+
     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ConnectionViewHolder {
-        return ConnectionViewHolder.create(parent)
+        return ConnectionViewHolder.create(parent, currentItemLayout)
     }
 
     override fun onBindViewHolder(holder: ConnectionViewHolder, position: Int) {
         val current = getItem(position)
-        holder.bind( current.name, current.type, current.duration)
+        holder.bind( current.name, current.type, current.duration, current.disconnectedTime)
     }
 
     class ConnectionViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
         private val connectionIconView: ImageView = itemView.findViewById(R.id.device_icon)
         private val connectionDeviceNameView: TextView = itemView.findViewById(R.id.device_name)
         private val connectionDurationView: TextView = itemView.findViewById(R.id.device_connection_time)
+        private val connectionIndicatorView: ImageView = itemView.findViewById(R.id.connection_time_prefix)
 
-        fun bind(deviceName: String?, type: Int?,duration: Long?) {
-            if (type in listOf(
-                    AudioDeviceInfo.TYPE_BLE_BROADCAST,
-                    AudioDeviceInfo.TYPE_BLE_HEADSET,
-                    AudioDeviceInfo.TYPE_BLE_SPEAKER,
-                    AudioDeviceInfo.TYPE_BLUETOOTH_A2DP,
-                    AudioDeviceInfo.TYPE_BLUETOOTH_SCO
-                    )){
-                connectionIconView.setImageResource(R.drawable.ic_bluetooth_round)
-            } else {
-                connectionIconView.setImageResource(R.drawable.ic_headphone_round)
-            }
+        fun bind(deviceName: String?, type: Int?, duration: Long?, disconnectedTime: Long?) {
+            connectionIconView.setImageResource(
+                chooseDeviceDrawable(
+                    type = type,
+                    drawableHeadphone = R.drawable.ic_headphone_round,
+                    drawableBLE = R.drawable.ic_bluetooth_round))
             connectionDeviceNameView.text = deviceName
             connectionDurationView.text = duration?.let { formatMilliseconds(itemView.context, it) }
+
+            if (disconnectedTime == null){
+                // Get the desired tint color from resources
+                val tintColor = itemView.context.getColor(android.R.color.holo_green_light)
+
+                // Create a ColorStateList with the desired tint color
+                val colorStateList = ColorStateList.valueOf(tintColor)
+                connectionIndicatorView.imageTintList = colorStateList
+                connectionIconView.setImageResource(
+                    chooseDeviceDrawable(
+                        type = type,
+                        drawableHeadphone = R.drawable.ic_headphone_round_alt,
+                        drawableBLE = R.drawable.ic_bluetooth_round_alt))
+            }
         }
 
         companion object {
-            fun create(parent: ViewGroup): ConnectionViewHolder {
+            fun create(parent: ViewGroup, layoutId: Int): ConnectionViewHolder {
                 val view: View = LayoutInflater.from(parent.context)
-                    .inflate(R.layout.item_connection, parent, false)
+                    .inflate(layoutId, parent, false)
                 return ConnectionViewHolder(view)
             }
         }
 
+        private fun chooseDeviceDrawable(type: Int?, drawableHeadphone: Int, drawableBLE: Int): Int{
+            return if (type in listOf(
+                    AudioDeviceInfo.TYPE_BLE_BROADCAST,
+                    AudioDeviceInfo.TYPE_BLE_HEADSET,
+                    AudioDeviceInfo.TYPE_BLE_SPEAKER,
+                    AudioDeviceInfo.TYPE_BLUETOOTH_A2DP,
+                    AudioDeviceInfo.TYPE_BLUETOOTH_SCO
+                )){
+                (drawableBLE)
+            } else {
+                (drawableHeadphone)
+            }
+        }
+
         private fun formatMilliseconds(context: Context, milliseconds: Long): String {
             val hours = TimeUnit.MILLISECONDS.toHours(milliseconds)
             val minutes = TimeUnit.MILLISECONDS.toMinutes(milliseconds) % 60
@@ -64,6 +94,13 @@ class ConnectionListAdapter : ListAdapter<Connection, ConnectionListAdapter.Conn
         }
     }
 
+    @SuppressLint("NotifyDataSetChanged")
+    fun updateItemLayout(newItemLayout: Int) {
+        currentItemLayout = newItemLayout
+        notifyDataSetChanged()
+    }
+
+
     class ConnectionsComparator : DiffUtil.ItemCallback<Connection>(){
         override fun areItemsTheSame(oldItem: Connection, newItem: Connection): Boolean {
             return oldItem == newItem
diff --git a/app/src/main/java/com/maary/liveinpeace/DeviceMapChangeListener.kt b/app/src/main/java/com/maary/liveinpeace/DeviceMapChangeListener.kt
new file mode 100644
index 0000000..0148f1b
--- /dev/null
+++ b/app/src/main/java/com/maary/liveinpeace/DeviceMapChangeListener.kt
@@ -0,0 +1,7 @@
+package com.maary.liveinpeace
+
+import com.maary.liveinpeace.database.Connection
+
+interface DeviceMapChangeListener {
+    fun onDeviceMapChanged(deviceMap: Map<String, Connection>)
+}
diff --git a/app/src/main/java/com/maary/liveinpeace/HistoryActivity.kt b/app/src/main/java/com/maary/liveinpeace/HistoryActivity.kt
index 9976181..16fbf6d 100644
--- a/app/src/main/java/com/maary/liveinpeace/HistoryActivity.kt
+++ b/app/src/main/java/com/maary/liveinpeace/HistoryActivity.kt
@@ -1,21 +1,55 @@
 package com.maary.liveinpeace
 
 import android.os.Bundle
+import android.util.Log
+import android.view.View
 import androidx.activity.viewModels
 import androidx.appcompat.app.AppCompatActivity
 import androidx.core.view.WindowCompat
 import androidx.databinding.DataBindingUtil
 import androidx.recyclerview.widget.LinearLayoutManager
+import com.maary.liveinpeace.database.Connection
 import com.maary.liveinpeace.databinding.ActivityHistoryBinding
+import com.maary.liveinpeace.service.ForegroundService
 import java.time.LocalDate
 
 
-class HistoryActivity : AppCompatActivity() {
+class HistoryActivity : AppCompatActivity(), DeviceMapChangeListener {
 
     private lateinit var binding: ActivityHistoryBinding
     private val connectionViewModel: ConnectionViewModel by viewModels {
         ConnectionViewModelFactory((application as ConnectionsApplication).repository)
     }
+    private val currentAdapter = ConnectionListAdapter()
+
+    override fun onResume() {
+        super.onResume()
+        ForegroundService.addDeviceMapChangeListener(this)
+    }
+
+    override fun onPause() {
+        super.onPause()
+        ForegroundService.removeDeviceMapChangeListener(this)
+    }
+
+    private fun currentConnectionsDuration(currentList: MutableList<Connection>) : MutableList<Connection>{
+        val now = System.currentTimeMillis()
+
+        for ( (index, connection) in currentList.withIndex()){
+            val connectedTime = connection.connectedTime
+            val duration = now - connectedTime!!
+            currentList[index] = Connection(
+                name = connection.name,
+                type = connection.type,
+                connectedTime = connection.connectedTime,
+                disconnectedTime = null,
+                duration = duration,
+                date = connection.date
+            )
+        }
+
+        return currentList
+    }
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
@@ -24,6 +58,7 @@ class HistoryActivity : AppCompatActivity() {
         setContentView(binding.root)
 
         val connectionAdapter = ConnectionListAdapter()
+        binding.historyList.isNestedScrollingEnabled = false
         binding.historyList.adapter = connectionAdapter
         binding.historyList.layoutManager = LinearLayoutManager(this)
 
@@ -33,6 +68,12 @@ class HistoryActivity : AppCompatActivity() {
             finish()
         }
 
+        binding.currentList.isNestedScrollingEnabled = false
+        binding.currentList.adapter = currentAdapter
+        binding.currentList.layoutManager = LinearLayoutManager(this)
+
+        updateCurrentAdapter()
+
         connectionViewModel.getAllConnectionsOnDate(LocalDate.now().toString()).observe(this) { connections ->
             connections.let { connectionAdapter.submitList(it) }
         }
@@ -43,15 +84,40 @@ class HistoryActivity : AppCompatActivity() {
                 connectionViewModel.getAllConnectionsOnDate(LocalDate.now().toString()).observe(this) { connections ->
                     connections.let { connectionAdapter.submitList(it) }
                 }
+                updateCurrentAdapter()
             }
             if (checkedId == R.id.button_summary) {
                 connectionViewModel.getSummaryOnDate(LocalDate.now().toString()).observe(this) { connections ->
                     connections.let { connectionAdapter.submitList(it) }
 
                 }
+                updateCurrentAdapter()
             }
         }
 
 
     }
+
+    private fun updateCurrentAdapter(){
+        currentAdapter.submitList(currentConnectionsDuration(ForegroundService.getConnections()))
+        if (currentAdapter.itemCount == 0){
+            Log.v("MUTE_", "GG")
+            binding.titleCurrent.visibility = View.GONE
+        }else{
+            binding.titleCurrent.visibility = View.VISIBLE
+        }
+    }
+
+    override fun onDeviceMapChanged(deviceMap: Map<String, Connection>) {
+        if (deviceMap.isEmpty()){
+            Log.v("MUTE_", "GGA")
+
+            binding.titleCurrent.visibility = View.GONE
+        }else{
+            Log.v("MUTE_", "GGB")
+
+            binding.titleCurrent.visibility = View.VISIBLE
+        }
+        currentAdapter.submitList(currentConnectionsDuration(deviceMap.values.toMutableList()))
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/maary/liveinpeace/service/ForegroundService.kt b/app/src/main/java/com/maary/liveinpeace/service/ForegroundService.kt
index e293f70..90e23da 100644
--- a/app/src/main/java/com/maary/liveinpeace/service/ForegroundService.kt
+++ b/app/src/main/java/com/maary/liveinpeace/service/ForegroundService.kt
@@ -38,6 +38,7 @@ import com.maary.liveinpeace.Constants.Companion.MODE_NUM
 import com.maary.liveinpeace.Constants.Companion.PREF_ICON
 import com.maary.liveinpeace.Constants.Companion.PREF_WATCHING_CONNECTING_TIME
 import com.maary.liveinpeace.Constants.Companion.SHARED_PREF
+import com.maary.liveinpeace.DeviceMapChangeListener
 import com.maary.liveinpeace.HistoryActivity
 import com.maary.liveinpeace.R
 import com.maary.liveinpeace.database.Connection
@@ -58,7 +59,7 @@ class ForegroundService: Service() {
     private lateinit var connectionDao: ConnectionDao
 
     private val deviceTimerMap: MutableMap<String, DeviceTimer> = mutableMapOf()
-    private val deviceMap: MutableMap<String, Connection> = mutableMapOf()
+//    private val deviceMap: MutableMap<String, Connection> = mutableMapOf()
 
     private val volumeDrawableIds = intArrayOf(
         R.drawable.ic_volume_silent,
@@ -81,6 +82,29 @@ class ForegroundService: Service() {
         fun isForegroundServiceRunning(): Boolean {
             return isForegroundServiceRunning
         }
+
+        private val deviceMap: MutableMap<String, Connection> = mutableMapOf()
+
+        // 在伴生对象中定义一个静态方法，用于其他类访问deviceMap
+        fun getConnections(): MutableList<Connection> {
+            return deviceMap.values.toMutableList()
+        }
+
+        private val deviceMapChangeListeners: MutableList<DeviceMapChangeListener> = mutableListOf()
+
+        fun addDeviceMapChangeListener(listener: DeviceMapChangeListener) {
+            deviceMapChangeListeners.add(listener)
+        }
+
+        fun removeDeviceMapChangeListener(listener: DeviceMapChangeListener) {
+            deviceMapChangeListeners.remove(listener)
+        }
+    }
+
+    private fun notifyDeviceMapChange() {
+        deviceMapChangeListeners.forEach { listener ->
+            listener.onDeviceMapChanged(deviceMap)
+        }
     }
 
     private fun getVolumePercentage(context: Context): Int {
@@ -126,6 +150,31 @@ class ForegroundService: Service() {
         }
     }
 
+    private fun saveDateWhenStop(){
+        val disconnectedTime = System.currentTimeMillis()
+
+        for ( (deviceName, connection) in deviceMap){
+
+            val connectedTime = connection.connectedTime
+            val connectionTime = disconnectedTime - connectedTime!!
+
+            CoroutineScope(Dispatchers.IO).launch {
+                connectionDao.insert(
+                    Connection(
+                        name = connection.name,
+                        type = connection.type,
+                        connectedTime = connection.connectedTime,
+                        disconnectedTime = disconnectedTime,
+                        duration = connectionTime,
+                        date = connection.date
+                    )
+                )
+            }
+            deviceMap.remove(deviceName)
+        }
+        return
+    }
+
     private val audioDeviceCallback = object : AudioDeviceCallback() {
         @SuppressLint("MissingPermission")
         override fun onAudioDevicesAdded(addedDevices: Array<out AudioDeviceInfo>?) {
@@ -158,6 +207,7 @@ class ForegroundService: Service() {
                     duration = null,
                     date = LocalDate.now().toString()
                 )
+                notifyDeviceMapChange()
                 // 执行其他逻辑，比如将设备信息保存到数据库或日志中
             }
 
@@ -216,6 +266,7 @@ class ForegroundService: Service() {
                     }
 
                     deviceMap.remove(deviceName)
+                    notifyDeviceMapChange()
                 }
 
                 val sharedPreferences = getSharedPreferences(SHARED_PREF, Context.MODE_PRIVATE)
@@ -254,12 +305,12 @@ class ForegroundService: Service() {
     }
 
     override fun onDestroy() {
-        super.onDestroy()
-
+        saveDateWhenStop()
         // 取消注册音量变化广播接收器
         unregisterReceiver(volumeChangeReceiver)
         audioManager.unregisterAudioDeviceCallback(audioDeviceCallback)
         isForegroundServiceRunning = false
+        super.onDestroy()
     }
 
     override fun onStartCommand(intent: Intent?, flags: Int, startId: Int): Int {
diff --git a/app/src/main/res/drawable/ic_bluetooth_alt.xml b/app/src/main/res/drawable/ic_bluetooth_alt.xml
new file mode 100644
index 0000000..462ac0d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_bluetooth_alt.xml
@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="?attr/colorSecondaryVariant"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M17,7l-4.29,-4.29c-0.63,-0.63 -1.71,-0.19 -1.71,0.7v6.18L7.11,5.7c-0.39,-0.39 -1.02,-0.39 -1.41,0 -0.39,0.39 -0.39,1.02 0,1.41L10.59,12 5.7,16.89c-0.39,0.39 -0.39,1.02 0,1.41 0.39,0.39 1.02,0.39 1.41,0L11,14.41v6.18c0,0.89 1.08,1.34 1.71,0.71L17,17c0.39,-0.39 0.39,-1.02 0,-1.41L13.41,12 17,8.42c0.39,-0.39 0.39,-1.03 0,-1.42zM13,5.83l1.88,1.88L13,9.59L13,5.83zM14.88,16.29L13,18.17v-3.76l1.88,1.88z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_bluetooth_round_alt.xml b/app/src/main/res/drawable/ic_bluetooth_round_alt.xml
new file mode 100644
index 0000000..a47d618
--- /dev/null
+++ b/app/src/main/res/drawable/ic_bluetooth_round_alt.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
+    <item android:drawable="@drawable/shape_circle_alt"/>
+    <item android:drawable="@drawable/ic_bluetooth_alt"
+        android:left="8dp"
+        android:right="8dp"
+        android:top="8dp"
+        android:bottom="8dp"/>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_headphone_alt.xml b/app/src/main/res/drawable/ic_headphone_alt.xml
new file mode 100644
index 0000000..4f8e69a
--- /dev/null
+++ b/app/src/main/res/drawable/ic_headphone_alt.xml
@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="?attr/colorSecondaryVariant"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="?android:attr/textColorPrimary" android:pathData="M12,3c-4.97,0 -9,4.03 -9,9v7c0,1.1 0.9,2 2,2h4v-8H5v-1c0,-3.87 3.13,-7 7,-7s7,3.13 7,7v1h-4v8h4c1.1,0 2,-0.9 2,-2v-7C21,7.03 16.97,3 12,3z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_headphone_round_alt.xml b/app/src/main/res/drawable/ic_headphone_round_alt.xml
new file mode 100644
index 0000000..513dec1
--- /dev/null
+++ b/app/src/main/res/drawable/ic_headphone_round_alt.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
+    <item android:drawable="@drawable/shape_circle_alt"/>
+    <item android:drawable="@drawable/ic_headphone_alt"
+        android:left="8dp"
+        android:right="8dp"
+        android:top="8dp"
+        android:bottom="8dp"/>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/shape_circle_alt.xml b/app/src/main/res/drawable/shape_circle_alt.xml
new file mode 100644
index 0000000..4cb26ee
--- /dev/null
+++ b/app/src/main/res/drawable/shape_circle_alt.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid android:color="?attr/colorSecondaryContainer"/>
+    <!--    <stroke-->
+    <!--        android:width="2dp"-->
+    <!--        android:color="?attr/colorTertiaryContainer"/>-->
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_history.xml b/app/src/main/res/layout/activity_history.xml
index 9326f7e..cc6eedf 100644
--- a/app/src/main/res/layout/activity_history.xml
+++ b/app/src/main/res/layout/activity_history.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <layout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto">
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
 
     <androidx.coordinatorlayout.widget.CoordinatorLayout
         android:layout_width="match_parent"
@@ -61,22 +62,56 @@
 
         </com.google.android.material.appbar.AppBarLayout>
 
-        <LinearLayout
+        <androidx.core.widget.NestedScrollView
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            android:orientation="vertical"
-            android:background="@android:color/transparent"
             app:layout_behavior="@string/appbar_scrolling_view_behavior" >
 
-        <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/history_list"
+        <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            android:clipChildren="false"
-            android:clipToPadding="false"
-            android:padding="8dp"/>
+            android:orientation="vertical"
+            android:background="@android:color/transparent">
+
+            <TextView
+                android:id="@+id/title_current"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/current_connections"
+                android:layout_margin="16dp"
+                android:textStyle="bold"
+                android:textSize="16sp"/>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/current_list"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:clipChildren="false"
+                android:clipToPadding="false"
+                android:padding="8dp"
+                tools:listitem="@layout/item_current_connections"
+                tools:itemCount="2"/>
+
+            <TextView
+                android:id="@+id/title_history"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/connections_history"
+                android:layout_margin="16dp"
+                android:textStyle="bold"
+                android:textSize="16sp"/>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/history_list"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:clipChildren="false"
+                android:clipToPadding="false"
+                android:padding="8dp"
+                tools:listitem="@layout/item_connection"/>
 
         </LinearLayout>
+        </androidx.core.widget.NestedScrollView>
 
     </androidx.coordinatorlayout.widget.CoordinatorLayout>
 
diff --git a/app/src/main/res/layout/item_connection.xml b/app/src/main/res/layout/item_connection.xml
index 99ef67d..e0ece23 100644
--- a/app/src/main/res/layout/item_connection.xml
+++ b/app/src/main/res/layout/item_connection.xml
@@ -26,18 +26,30 @@
         android:textSize="18sp"
         android:textColor="?android:attr/textColorPrimary"
         android:layout_marginStart="16dp"
-        android:textStyle="bold"
+
         tools:text="Headphone"/>
 
+    <ImageView
+        android:id="@+id/connection_time_prefix"
+        android:layout_width="8dp"
+        android:layout_height="8dp"
+        app:layout_constraintTop_toBottomOf="@id/device_name"
+        app:layout_constraintStart_toEndOf="@id/device_icon"
+        android:layout_marginStart="16dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:src="@drawable/shape_circle"
+        app:tint="@android:color/darker_gray"
+        android:contentDescription="@string/device_connection_state" />
+
     <TextView
         android:id="@+id/device_connection_time"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginStart="16dp"
+        android:layout_marginStart="8dp"
         android:textColor="?android:attr/textColorPrimary"
         app:layout_constraintTop_toBottomOf="@id/device_name"
         app:layout_constraintBottom_toBottomOf="@id/device_icon"
-        app:layout_constraintStart_toEndOf="@id/device_icon"
+        app:layout_constraintStart_toEndOf="@id/connection_time_prefix"
         android:textSize="12sp"
         tools:text="3hrs"/>
 
diff --git a/app/src/main/res/layout/item_current_connections.xml b/app/src/main/res/layout/item_current_connections.xml
new file mode 100644
index 0000000..f5c0e83
--- /dev/null
+++ b/app/src/main/res/layout/item_current_connections.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_margin="8dp"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <ImageView
+        android:id="@+id/device_icon"
+        android:layout_width="48dp"
+        android:layout_height="48dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:contentDescription="@string/icon_of_device"
+        tools:src="@drawable/ic_headphone"
+        />
+
+    <TextView
+        android:id="@+id/device_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintStart_toEndOf="@id/device_icon"
+        app:layout_constraintTop_toTopOf="@id/device_icon"
+        android:textSize="18sp"
+        android:textColor="?android:attr/textColorPrimary"
+        android:layout_marginStart="16dp"
+        tools:text="Headphone"/>
+
+    <ImageView
+        android:id="@+id/connection_time_prefix"
+        android:layout_width="8dp"
+        android:layout_height="8dp"
+        app:layout_constraintTop_toBottomOf="@id/device_name"
+        app:layout_constraintStart_toEndOf="@id/device_icon"
+        android:layout_marginStart="16dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:src="@drawable/shape_circle"
+        app:tint="@android:color/darker_gray"
+        android:contentDescription="@string/device_connection_state" />
+
+    <TextView
+        android:id="@+id/device_connection_time"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="8dp"
+        android:textColor="?android:attr/textColorPrimary"
+        app:layout_constraintTop_toBottomOf="@id/device_name"
+        app:layout_constraintBottom_toBottomOf="@id/device_icon"
+        app:layout_constraintStart_toEndOf="@id/connection_time_prefix"
+        android:textSize="12sp"
+        tools:text="3hrs"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values-zh-rCN/strings.xml b/app/src/main/res/values-zh-rCN/strings.xml
index 3e3efc2..64b38ca 100644
--- a/app/src/main/res/values-zh-rCN/strings.xml
+++ b/app/src/main/res/values-zh-rCN/strings.xml
@@ -33,4 +33,8 @@
     <string name="duration_hour">%02d 小时 %02d 分钟</string>
     <string name="enable_watching">启用提醒</string>
     <string name="disable_watching">禁用提醒</string>
+    <string name="current_connections">当前连接</string>
+    <string name="connections_history">历史连接</string>
+    <string name="has_already_connected_for">已连接</string>
+    <string name="device_connection_state">设备连接状态指示</string>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index fac937a..63255ee 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -17,7 +17,7 @@
     <string name="device_connected_too_long">%1$s has been connected for over two hours.</string>
     <string name="channel_alert">Alerts</string>
     <string name="alert_channel_description">Notification channel for reminding about excessive device connection time.</string>
-    <string name="history">History</string>
+    <string name="history">Connections</string>
     <string name="timeline">Timeline</string>
     <string name="summary">Summary</string>
     <string name="icon_of_device">Device icon</string>
@@ -25,6 +25,10 @@
     <string name="duration_hour">%02d h %02d min</string>
     <string name="enable_watching">Enable alert</string>
     <string name="disable_watching">Disable alert</string>
+    <string name="current_connections">Current Connections</string>
+    <string name="connections_history">Connections Histroy</string>
+    <string name="has_already_connected_for">Already connected</string>
+    <string name="device_connection_state">Device connection state indicator</string>
     <string-array name="array_volume_comment">
         <item>Shhhhhhh…</item>
         <item>Perfectly Balanced, As All Things Should Be…</item>