conversions

components/agility-modules/Profile.tsx

@@ -0,0 +1,48 @@
+import React, { FC } from 'react'
+
+import useCustomer from '@framework/use-customer'
+import { Container, Text } from '@components/ui'
+
+interface Fields {
+	heading: string,
+	fullNameLabel: string,
+	emailLabel: string,
+	notLoggedInMessage: string
+}
+
+interface Props {
+	fields: Fields
+  }
+
+const ProfileModule:FC<Props> = ({fields}) => {
+
+	const { data } = useCustomer()
+  return (
+    <Container>
+      <Text variant="pageHeading">{fields.heading}</Text>
+      {data && (
+        <div className="grid lg:grid-cols-12">
+          <div className="lg:col-span-8 pr-4">
+            <div>
+              <Text variant="sectionHeading">{fields.fullNameLabel}</Text>
+              <span>
+                {data.firstName} {data.lastName}
+              </span>
+            </div>
+            <div className="mt-5">
+              <Text variant="sectionHeading">{fields.emailLabel}</Text>
+              <span>{data.email}</span>
+            </div>
+          </div>
+        </div>
+      )}
+
+	  { !data &&
+	  	<Text variant="body">{fields.notLoggedInMessage}</Text>
+	  }
+    </Container>
+  )
+}
+
+export default ProfileModule
+