From 55d82cfb20f6a4486a90097fbb0f13a12c6b7414 Mon Sep 17 00:00:00 2001
From: Ozan Tellioglu <ozntel@gmail.com>
Date: Fri, 10 Mar 2023 09:33:22 +0100
Subject: [PATCH] No Note Found Text for Empty Days

---
 src/components/noteList.tsx |  7 +++++++
 styles.css                  | 13 +++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/src/components/noteList.tsx b/src/components/noteList.tsx
index 934985c..265e6cb 100644
--- a/src/components/noteList.tsx
+++ b/src/components/noteList.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { BsArrowRight, BsArrowLeft } from 'react-icons/bs';
 import { HiOutlineDocumentText } from 'react-icons/hi';
+import { RiPhoneFindLine } from 'react-icons/ri';
 import dayjs from 'dayjs';
 import OZCalendarPlugin from '../main';
 import { openFile } from '../utils';
@@ -56,6 +57,12 @@ export default function NoteListComponent(params: NoteListComponentParams) {
 				</div>
 			</div>
 			<div className="oz-calendar-notelist-container">
+				{selectedDayNotes.length === 0 && (
+					<div className="oz-calendar-note-no-note">
+						<RiPhoneFindLine className="oz-calendar-no-note-icon" />
+						No note found
+					</div>
+				)}
 				{selectedDayNotes.map((notePath) => {
 					return (
 						<div
diff --git a/styles.css b/styles.css
index ba5cea5..c05d3fb 100644
--- a/styles.css
+++ b/styles.css
@@ -146,3 +146,16 @@
 	padding-bottom: 2px;
 	vertical-align: middle;
 }
+
+.oz-calendar-note-no-note {
+	font-size: var(--nav-item-size);
+	align-items: center;
+	text-align: center;
+	margin-top: 10px;
+}
+
+.oz-calendar-no-note-icon {
+	vertical-align: middle;
+	padding-bottom: 2px;
+	margin-right: 3px;
+}