# Call History Screen

[![af0437cd-9162-4cd4-a31f-3fb8584bef42.jpg](http://wiki.lalco.la/uploads/images/gallery/2026-03/scaled-1680-/af0437cd-9162-4cd4-a31f-3fb8584bef42.jpg)](http://wiki.lalco.la/uploads/images/gallery/2026-03/af0437cd-9162-4cd4-a31f-3fb8584bef42.jpg)

The **Call History Screen** allows staff to view and track all logged customer calls, including call duration and date. This helps monitor communication history and follow-ups.

---

# Access Path

<div class="relative w-full mt-4 mb-1" id="bkmrk-home-%E2%86%92-call-history"><div class=""><div class="relative"><div class="h-full min-h-0 min-w-0"><div class="h-full min-h-0 min-w-0"><div class="border border-token-border-light border-radius-3xl corner-superellipse/1.1 rounded-3xl"><div class="h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback"><div class="pe-11 pt-3"><div class="relative z-0 flex max-w-full"><div class="q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch ͼk ͼy" dir="ltr" id="bkmrk-home-%E2%86%92-call-history-1"><div class="cm-scroller"><div class="cm-content q9tKkq_readonly">Home → Call History</div></div></div></div></div></div></div></div></div><div class=""><div class="">  
</div></div></div></div></div>---

# Call History List Screen

## Overview

Displays a list of all recorded calls made by the user.

---

# Header Section

### Page Title

**Call History**

---

### Description

<div class="relative w-full mt-4 mb-1" id="bkmrk-view-your-logged-cal"><div class=""><div class="relative"><div class="h-full min-h-0 min-w-0"><div class="h-full min-h-0 min-w-0"><div class="border border-token-border-light border-radius-3xl corner-superellipse/1.1 rounded-3xl"><div class="h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback"><div class="pe-11 pt-3"><div class="relative z-0 flex max-w-full"><div class="q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch ͼk ͼy" dir="ltr" id="bkmrk-view-your-logged-cal-1"><div class="cm-scroller"><div class="cm-content q9tKkq_readonly">View your logged calls</div></div></div></div></div></div></div></div></div><div class=""><div class="">  
</div></div></div></div></div>---

### Call Icon 📞

- Used to initiate or access calling features

---

# Call List

Each card represents a logged call.

---

### Information Displayed

- **Customer Name**
- **Phone Number**
- **Call Date**
- **Call Duration**

---

### Example

<div class="relative w-full mt-4 mb-1" id="bkmrk-liam-chen-%2B1-555-010"><div class=""><div class="relative"><div class="h-full min-h-0 min-w-0"><div class="h-full min-h-0 min-w-0"><div class="border border-token-border-light border-radius-3xl corner-superellipse/1.1 rounded-3xl"><div class="h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback"><div class="pe-11 pt-3"><div class="relative z-0 flex max-w-full"><div class="q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch ͼk ͼy" dir="ltr" id="bkmrk-liam-chen-%2B1-555-010-1"><div class="cm-scroller"><div class="cm-content q9tKkq_readonly">Liam Chen   
+1-555-0106   
Date: 2026-02-03   
Duration: 6 min</div></div></div></div></div></div></div></div></div><div class=""><div class="">  
</div></div></div></div></div>---

# Pagination

Located at the bottom of the screen.

### Controls

- **Prev Button** → Go to previous page
- **Next Button** → Go to next page
- **Page Indicator** → Shows current page

---

### Example

<div class="relative w-full mt-4 mb-1" id="bkmrk-page-1-of-2"><div class=""><div class="relative"><div class="h-full min-h-0 min-w-0"><div class="h-full min-h-0 min-w-0"><div class="border border-token-border-light border-radius-3xl corner-superellipse/1.1 rounded-3xl"><div class="h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback"><div class="pe-11 pt-3"><div class="relative z-0 flex max-w-full"><div class="q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch ͼk ͼy" dir="ltr" id="bkmrk-page-1-of-2-1"><div class="cm-scroller"><div class="cm-content q9tKkq_readonly">Page 1 of 2</div></div></div></div></div></div></div></div></div><div class=""><div class="">  
</div></div></div></div></div>---

# How to Use

### View Call History

1. Open **Call History** from menu
2. Scroll through the list
3. Use pagination to navigate

---

### Analyze Calls

- Check call duration
- Review recent interactions
- Identify follow-up needs

---

# Bottom Navigation Bar

Provides quick access to main modules:

- **Home**
- **Tasks**
- **Sales**
- **Legal**
- **Team**
- **Customers**

---

# Empty State (Optional)

<div class="relative w-full mt-4 mb-1" id="bkmrk-no-call-records-avai"><div class=""><div class="relative"><div class="h-full min-h-0 min-w-0"><div class="h-full min-h-0 min-w-0"><div class="border border-token-border-light border-radius-3xl corner-superellipse/1.1 rounded-3xl"><div class="h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback"><div class="pe-11 pt-3"><div class="relative z-0 flex max-w-full"><div class="q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch ͼk ͼy" dir="ltr" id="bkmrk-no-call-records-avai-1"><div class="cm-scroller"><div class="cm-content q9tKkq_readonly">No call records available</div></div></div></div></div></div></div></div></div><div class=""><div class="">  
</div></div></div></div></div>---

# Notes

- Calls are listed in **descending order (latest first)**
- Data helps track staff communication performance

---

💡 **Tip:**  
Use this screen daily to ensure **no customer follow-up is missed**.