rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-19 02:00:15 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Implement UI of new row button

Browse Source 
Functionality is extremely janky. Does not work well.
This commit is contained in:
Andy Chan 2024-04-19 18:20:08 -04:00
parent ad25d5fe3f
commit 0831387905
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
compass/components/Table/Index.tsx
View File

@ -16,7 +16,7 @@ import { ChangeEvent, useState, useEffect, FunctionComponent, useRef, ChangeEven
import { RowOptionMenu } from "./RowOptionMenu"; import { RowOptionMenu } from "./RowOptionMenu";
import { RowOpenAction } from "./RowOpenAction"; import { RowOpenAction } from "./RowOpenAction";
import { TableAction } from "./TableAction"; import { TableAction } from "./TableAction";
import { Bars2Icon, AtSymbolIcon, HashtagIcon, ArrowDownCircleIcon } from "@heroicons/react/24/solid"; import { Bars2Icon, AtSymbolIcon, HashtagIcon, ArrowDownCircleIcon, PlusIcon } from "@heroicons/react/24/solid";
import { rankItem } from "@tanstack/match-sorter-utils"; import { rankItem } from "@tanstack/match-sorter-utils";
import { TableCell } from "./TableCell"; import { TableCell } from "./TableCell";
import { PrimaryTableCell } from "./PrimaryTableCell"; import { PrimaryTableCell } from "./PrimaryTableCell";
@ -100,6 +100,10 @@ export const Table = () => {
const [data, setData] = useState<User[]>([...usersExample]); const [data, setData] = useState<User[]>([...usersExample]);
const addUser = () => {
setData([...data, {}]);
}
// Searching // Searching
const [query, setQuery] = useState(""); const [query, setQuery] = useState("");
const handleSearchChange = (e: ChangeEvent) => { const handleSearchChange = (e: ChangeEvent) => {
@ -195,7 +199,19 @@ export const Table = () => {
); );
})} })}
</tbody> </tbody>
<tfoot>
<tr>
<td className="p-3 border-y border-gray-200 text-gray-600 hover:bg-gray-50" colSpan={100} onClick={addUser}>
<span className="flex ml-1 text-gray-500">
<PlusIcon className="inline h-4 mr-1" />
New
</span>
</td>
</tr>
</tfoot>
</table> </table>
</div> </div>
) )
} }