Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tm 1517 web design update admin UI for tree species data #791

Merged
merged 16 commits into from
Jan 2, 2025
Merged

Tm 1517 web design update admin UI for tree species data #791

Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
507b08b
[TM-1514] add style in page species data
dottyy Dec 31, 2024
820a8c6
[TM-1514] update snapshots
diego-morales-flores-1996 Dec 31, 2024
752f75f
[TM-1514] fix build
diego-morales-flores-1996 Dec 31, 2024
e3e8683
[TM-1514] Merge branch 'staging' of https://github.com/wri/wri-terram…
diego-morales-flores-1996 Dec 31, 2024
1ed55ba
[TM-1514] fix build
dottyy Dec 31, 2024
7ce995d
[TM-1514] fix build
dottyy Jan 2, 2025
f05e015
[TM-1514] change icons style and add tooltips in table in tree species
dottyy Jan 2, 2025
42d3ee8
[TM-1514] update stories
dottyy Jan 2, 2025
0c21441
update tree species table for admin
diego-morales-flores-1996 Jan 2, 2025
f2fcf76
Merge branch 'feat/TM-1514-update-pages-width-species' of https://git…
diego-morales-flores-1996 Jan 2, 2025
cdb9c8c
update tree species table for admin
diego-morales-flores-1996 Jan 2, 2025
59caf8f
Merge branch 'staging' of https://github.com/wri/wri-terramatch-websi…
diego-morales-flores-1996 Jan 2, 2025
7cdd7d2
update tree species table for admin
diego-morales-flores-1996 Jan 2, 2025
d32b24a
delete console log
diego-morales-flores-1996 Jan 2, 2025
629c402
update pagination variant on table
diego-morales-flores-1996 Jan 2, 2025
2b3bc82
Merge branch 'staging' of https://github.com/wri/wri-terramatch-websi…
diego-morales-flores-1996 Jan 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 20 additions & 11 deletions src/components/elements/Table/TableVariants.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import {
VARIANT_PAGINATION_DASHBOARD,
VARIANT_PAGINATION_MONITORED,
VARIANT_PAGINATION_TEXT_16,
VariantPagination
} from "@/components/extensive/Pagination/PaginationVariant";

Expand Down Expand Up @@ -31,7 +30,8 @@ export const VARIANT_TABLE_PRIMARY = {
tBody: "space-y-4",
trBody: "rounded-lg bg-white",
tdBody: "first:rounded-tl-lg text-14-light first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg px-6 py-4",
thead: "bg-blueCustom-100"
thead: "bg-blueCustom-100",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_SECONDARY = {
Expand All @@ -42,7 +42,8 @@ export const VARIANT_TABLE_SECONDARY = {
tBody: "space-y-4",
trBody: "bg-neutral-50 rounded-lg",
tdBody: "first:rounded-tl-lg first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg px-6 py-4",
thead: "bg-blueCustom-100"
thead: "bg-blueCustom-100",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_SECONDARY_WHITE = {
Expand All @@ -53,7 +54,8 @@ export const VARIANT_TABLE_SECONDARY_WHITE = {
tBody: "space-y-4",
trBody: "bg-white rounded-lg",
tdBody: "first:rounded-tl-lg first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg px-6 py-4 border-0",
thead: "bg-blueCustom-100"
thead: "bg-blueCustom-100",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_BORDER = {
Expand All @@ -65,7 +67,8 @@ export const VARIANT_TABLE_BORDER = {
trBody: "bg-white border rounded-lg",
tdBody:
"border-neutral-200 border text-16-light first:rounded-tl-lg first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg px-6 py-4",
thead: "bg-blueCustom-100"
thead: "bg-blueCustom-100",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_BORDER_ALL = {
Expand All @@ -78,7 +81,8 @@ export const VARIANT_TABLE_BORDER_ALL = {
trBody: "bg-white rounded-lg",
tdBody:
"border-neutral-200 border-t border-b first:border-l last:border-r text-14-light first:rounded-tl-lg first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg px-6 py-4",
thead: "bg-blueCustom-100"
thead: "bg-blueCustom-100",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_AIRTABLE = {
Expand All @@ -90,7 +94,7 @@ export const VARIANT_TABLE_AIRTABLE = {
trBody: "bg-white border-y border-neutral-200 lastRow",
tdBody: "text-16-light px-6 py-3",
thead: "bg-blueCustom-100",
paginationVariant: VARIANT_PAGINATION_TEXT_16
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_SITE_POLYGON_REVIEW = {
Expand All @@ -103,7 +107,8 @@ export const VARIANT_TABLE_SITE_POLYGON_REVIEW = {
tBody: "",
trBody: "bg-white border-y border-neutral-200 last:border-b-0",
tdBody: "text-14-light px-2 py-3 first:pl-4 first:pr-2 last:pl-2 last:pr-4 ",
thead: "bg-blueCustom-100"
thead: "bg-blueCustom-100",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_VERSION = {
Expand All @@ -114,7 +119,8 @@ export const VARIANT_TABLE_VERSION = {
tBody: "",
trBody: "bg-transparent border-y border-neutral-200 lastRow !group hover:bg-[#ffffff33] py-0.5",
tdBody: "first:rounded-l-lg last:rounded-r-lg text-10-bold text-white",
thead: "bg-transparent"
thead: "bg-transparent",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_ORGANISATION = {
Expand All @@ -125,7 +131,8 @@ export const VARIANT_TABLE_ORGANISATION = {
tBody: "",
trBody: "bg-white border-b border-neutral-200 last:border-0 hover:bg-gray-100",
tdBody: "first:rounded-l-lg last:rounded-r-lg text-14-light text-gray-700 px-2 py-3 border-b border-neutral-200",
thead: "bg-transparent"
thead: "bg-transparent",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_DASHBOARD_COUNTRIES = {
Expand All @@ -137,7 +144,8 @@ export const VARIANT_TABLE_DASHBOARD_COUNTRIES = {
tBody: "",
trBody: "bg-white border-y border-neutral-200 last:border-b-0",
tdBody: "text-14-light px-3 py-3 first:pl-4 first:pr-2 last:pl-2 last:pr-4",
thead: "bg-blueCustom-100 "
thead: "bg-blueCustom-100 ",
paginationVariant: VARIANT_PAGINATION_DASHBOARD
};

export const VARIANT_TABLE_DASHBOARD_COUNTRIES_MODAL = {
Expand Down Expand Up @@ -209,5 +217,6 @@ export const VARIANT_TABLE_TREE_SPECIES = {
tBody: "",
trBody: "bg-white border-b border-neutral-200 last:border-0 hover:bg-gray-100",
tdBody: "first:rounded-l-lg last:rounded-r-lg text-16-light text-gray-700 pr-4 pl-0 py-3 border-b border-neutral-200",
paginationVariant: VARIANT_PAGINATION_DASHBOARD,
thead: "bg-transparent"
};
Loading