bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 13 Actions Packages Projects Releases Wiki Activity

Add caption to the table #9

Merged
bustikiller merged 1 commits from guest-table-refinement into main 2024-08-11 17:57:40 +00:00
Conversation 0 Commits 1 Files Changed 2 +6 -2
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ef8fb9c7f3 - Show all commits

1
app/dashboard/guests/page.tsx
View File

@ -9,7 +9,6 @@ import React, { useState, useEffect } from 'react';
export default function Page() { export default function Page() {
return ( return (
<div className="w-full"> <div className="w-full">
<h1 className={`${lusitana.className} text-2xl py-4`}>Groups</h1>
<AffinityGroupsTree /> <AffinityGroupsTree />
<h1 className={`${lusitana.className} text-2xl py-4`}>Guests</h1> <h1 className={`${lusitana.className} text-2xl py-4`}>Guests</h1>

7
app/ui/guests/table.tsx
View File

@ -29,8 +29,13 @@ export default function guestsTable() {
return ( return (
<div className="w-full relative overflow-x-auto shadow-md sm:rounded-lg"> <div className="w-full relative overflow-x-auto shadow-md sm:rounded-lg">
<p className="py-3">There are {guests.length} guests in the list</p>
<table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400"> <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
<caption className="p-5 text-lg font-semibold text-left rtl:text-right text-gray-900 bg-white dark:text-white dark:bg-gray-800">
Guests
<p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
There are {guests.length} guests in the list
</p>
</caption>
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
<tr> <tr>
<th scope="col" className="px-6 py-3"> <th scope="col" className="px-6 py-3">