diff --git a/src/app/portfolio/[slug]/components/CurrentEpcTooltip.tsx b/src/app/portfolio/[slug]/components/CurrentEpcTooltip.tsx new file mode 100644 index 00000000..90020301 --- /dev/null +++ b/src/app/portfolio/[slug]/components/CurrentEpcTooltip.tsx @@ -0,0 +1,51 @@ +"use client"; + +import { QuestionMarkCircleIcon } from "@heroicons/react/24/outline"; +import { + Tooltip, + TooltipContent, + TooltipProvider, + TooltipTrigger, +} from "@/app/shadcn_components/ui/tooltip"; + +export function CurrentEpcTooltip() { + return ( + + + + + + +
+

Current EPC Rating

+

How we calculate this rating

+
+
+

+ We show a modelled rating when: +

+
    +
  • The lodged EPC is expired or invalid
  • +
  • You have told us the property differs from the last survey
  • +
+
+
+

+ This rating may differ from the lodged EPC because we re-model under{" "} + SAP 10. +

+
+
+
+
+ ); +} diff --git a/src/app/portfolio/[slug]/components/propertyTableColumns.tsx b/src/app/portfolio/[slug]/components/propertyTableColumns.tsx index 50ff5b55..b447181e 100644 --- a/src/app/portfolio/[slug]/components/propertyTableColumns.tsx +++ b/src/app/portfolio/[slug]/components/propertyTableColumns.tsx @@ -21,6 +21,7 @@ import { TENURE_OPTIONS, MAINFUEL_OPTIONS, } from "@/app/utils/propertyFilters"; +import { CurrentEpcTooltip } from "./CurrentEpcTooltip"; /* ----------------------------------------------------------------------- Helpers @@ -222,7 +223,10 @@ const coreColumns: ColumnDef[] = [ { accessorKey: "currentEpc", header: () => ( -
Current EPC
+
+ Current EPC + +
), cell: ({ row }) => (