Browse Source

Added messages when there is no album or shared album

Alex Tran 3 years ago
parent
commit
ec1c3a86f5

+ 13 - 0
web/src/routes/albums/index.svelte

@@ -161,6 +161,19 @@
 					{/key}
 				{/each}
 			</div>
+
+			<!-- Empty Message -->
+			{#if albums.length === 0}
+				<div
+					class="border p-5 w-[50%] m-auto mt-10 bg-gray-50 rounded-lg flex flex-col place-content-center place-items-center"
+				>
+					<img src="/empty-1.svg" alt="Empty shared album" width="500" />
+
+					<p class="text-center text-immich-text-gray-500">
+						Create an album to organize your photos and videos
+					</p>
+				</div>
+			{/if}
 		</section>
 	</section>
 

+ 12 - 0
web/src/routes/sharing/index.svelte

@@ -108,6 +108,18 @@
 					>
 				{/each}
 			</div>
+
+			<!-- Empty List -->
+			{#if sharedAlbums.length === 0}
+				<div
+					class="border p-5 w-[50%] m-auto mt-10 bg-gray-50 rounded-lg flex flex-col place-content-center place-items-center"
+				>
+					<img src="/empty-2.svg" alt="Empty shared album" width="500" />
+					<p class="text-center text-immich-text-gray-500">
+						Create a shared album to share photos and videos with people in your network
+					</p>
+				</div>
+			{/if}
 		</section>
 	</section>
 </section>

File diff suppressed because it is too large
+ 0 - 0
web/static/empty-1.svg


File diff suppressed because it is too large
+ 0 - 0
web/static/empty-2.svg


Some files were not shown because too many files changed in this diff