From 7684d23425460ea1340875eb26b79b610b2acf77 Mon Sep 17 00:00:00 2001
From: James Elson <james.elson@gov.bc.ca>
Date: Fri, 8 Mar 2024 15:01:21 -0800
Subject: [PATCH 1/4] Limits changed to Elevated Access, margin added + copy
 changed for clarity

---
 .../components/api-product-item/api-product-item.tsx        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/nextapp/components/api-product-item/api-product-item.tsx b/src/nextapp/components/api-product-item/api-product-item.tsx
index e2c16f919..c16c81f58 100644
--- a/src/nextapp/components/api-product-item/api-product-item.tsx
+++ b/src/nextapp/components/api-product-item/api-product-item.tsx
@@ -79,16 +79,16 @@ const ApiProductItem: React.FC<ApiProductItemProps> = ({
       </Flex>
       {isTiered && (
         <Flex px={9} py={7} bg={'white'} my={-1} mb={'0.5'}>
-          <Grid gap={4} flex={1} templateRows="auto" mr={12}>
+          <Grid gap={4} flex={1} templateRows="auto" ml={8} mr={12}>
             <GridItem>
               <Flex align="center" mb={2}>
                 <Flex align="center" width={8}>
                   <Icon as={HiChartBar} color="bc-blue" boxSize="5" />
                 </Flex>
-                <Heading size="xs">Limits</Heading>
+                <Heading size="xs">Elevated Access</Heading>
               </Flex>
               <Text ml={8} fontSize="sm">
-                Public access has a rate limit enforced.
+                Public access does not require an API key.
               </Text>
               <Text ml={8} fontSize="sm">
                 For elevated access, please request access.

From f1f30a16ddcd1ad0b1add474093c57453b7cf88e Mon Sep 17 00:00:00 2001
From: James Elson <james.elson@gov.bc.ca>
Date: Wed, 13 Mar 2024 15:59:28 -0700
Subject: [PATCH 2/4] Updates from code review. Plus some margin tweaking

---
 .../api-product-item/api-product-item.tsx     | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/nextapp/components/api-product-item/api-product-item.tsx b/src/nextapp/components/api-product-item/api-product-item.tsx
index c16c81f58..e389ad6cf 100644
--- a/src/nextapp/components/api-product-item/api-product-item.tsx
+++ b/src/nextapp/components/api-product-item/api-product-item.tsx
@@ -50,13 +50,15 @@ const ApiProductItem: React.FC<ApiProductItemProps> = ({
       <Flex px={9} py={7} bg={'white'} mb={'0.5'}>
         <Grid gap={4} flex={1} templateRows="auto" mr={12}>
           <GridItem>
-            <Flex align="center" mb={2}>
+            <Flex align="center" mt={3}>
               <Flex align="center" width={8}>
                 <Icon
                   as={isPublic || isTiered ? RiEarthFill : FaLock}
                   color="bc-blue"
                   boxSize="5"
-                  data-testid={`product-icon-${kebabCase(data.name)}-${isPublic || isTiered ? 'RiEarthFill' : 'FaLock'}`}
+                  data-testid={`product-icon-${kebabCase(data.name)}-${
+                    isPublic || isTiered ? 'RiEarthFill' : 'FaLock'
+                  }`}
                 />
               </Flex>
               <Heading size="xs">{data.name}</Heading>
@@ -68,31 +70,35 @@ const ApiProductItem: React.FC<ApiProductItemProps> = ({
             )}
           </GridItem>
         </Grid>
-        {!isTiered && isGatewayProtected && (
+        {!isTiered && isGatewayProtected ? (
           <AccessRequestForm
             disabled={false}
             id={id}
             name={data.name}
             preview={preview}
           />
+        ) : (
+          <Button
+            disabled={true}
+            data-testid="no-api-key-button"
+            variant={'primary'}
+            fontWeight="600"
+            color="white"
+          >
+            No API Key Required
+          </Button>
         )}
       </Flex>
       {isTiered && (
-        <Flex px={9} py={7} bg={'white'} my={-1} mb={'0.5'}>
+        <Flex px={9} py={7} bg={'white'} my={-5} mb={'0.5'}>
           <Grid gap={4} flex={1} templateRows="auto" ml={8} mr={12}>
             <GridItem>
-              <Flex align="center" mb={2}>
+              <Flex align="center" mt={3}>
                 <Flex align="center" width={8}>
                   <Icon as={HiChartBar} color="bc-blue" boxSize="5" />
                 </Flex>
                 <Heading size="xs">Elevated Access</Heading>
               </Flex>
-              <Text ml={8} fontSize="sm">
-                Public access does not require an API key.
-              </Text>
-              <Text ml={8} fontSize="sm">
-                For elevated access, please request access.
-              </Text>
             </GridItem>
           </Grid>
           <AccessRequestForm

From d2f2615e394883b7ba77e25d88e4101325fa1cc4 Mon Sep 17 00:00:00 2001
From: James Elson <james.elson@gov.bc.ca>
Date: Thu, 14 Mar 2024 14:49:44 -0700
Subject: [PATCH 3/4] More product page ui tweaks

---
 .../components/api-product-item/api-product-item.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/nextapp/components/api-product-item/api-product-item.tsx b/src/nextapp/components/api-product-item/api-product-item.tsx
index e389ad6cf..3e1d6e640 100644
--- a/src/nextapp/components/api-product-item/api-product-item.tsx
+++ b/src/nextapp/components/api-product-item/api-product-item.tsx
@@ -81,16 +81,16 @@ const ApiProductItem: React.FC<ApiProductItemProps> = ({
           <Button
             disabled={true}
             data-testid="no-api-key-button"
-            variant={'primary'}
+            variant={'secondary'}
             fontWeight="600"
-            color="white"
+            color="bc-blue"
           >
-            No API Key Required
+            No API key required
           </Button>
         )}
       </Flex>
       {isTiered && (
-        <Flex px={9} py={7} bg={'white'} my={-5} mb={'0.5'}>
+        <Flex px={9} py={7} bg={'white'} my={-8} mb={'0.5'}>
           <Grid gap={4} flex={1} templateRows="auto" ml={8} mr={12}>
             <GridItem>
               <Flex align="center" mt={3}>

From 29aeb5ee0e6bb029aa39079ce484c662ed68d41e Mon Sep 17 00:00:00 2001
From: James Elson <james.elson@gov.bc.ca>
Date: Mon, 18 Mar 2024 13:08:51 -0700
Subject: [PATCH 4/4] Make button not disabled

---
 src/nextapp/components/api-product-item/api-product-item.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/nextapp/components/api-product-item/api-product-item.tsx b/src/nextapp/components/api-product-item/api-product-item.tsx
index 3e1d6e640..e751ee529 100644
--- a/src/nextapp/components/api-product-item/api-product-item.tsx
+++ b/src/nextapp/components/api-product-item/api-product-item.tsx
@@ -79,7 +79,7 @@ const ApiProductItem: React.FC<ApiProductItemProps> = ({
           />
         ) : (
           <Button
-            disabled={true}
+            disabled={false}
             data-testid="no-api-key-button"
             variant={'secondary'}
             fontWeight="600"