diff --git a/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.stories.tsx b/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.stories.tsx new file mode 100644 index 00000000..e8af7597 --- /dev/null +++ b/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' + +import ContactPerson from './ContactPerson' + +export default { + component: ContactPerson, + title: 'Components/ContactPerson', +} as Meta + +const Template: Story = ({ name, phone, email }) => + +export const ContactPersonStory = Template.bind({}) + +ContactPersonStory.args = { + name: 'Name', + phone: '+1234567', + email: 'info@envited.market', +} diff --git a/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.tsx b/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.tsx new file mode 100644 index 00000000..6b0c04fa --- /dev/null +++ b/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.tsx @@ -0,0 +1,50 @@ +import { EnvelopeIcon, PhoneIcon, UserIcon } from '@heroicons/react/24/outline' +import React, { FC } from 'react' + +interface ContactPersonProps { + name: string + phone?: string + email?: string +} + +const ContactPerson: FC = ({ name, phone = null, email = null }) => { + return ( +
+
+
+ Address +
+
{name}
+
+ {phone && ( +
+
+ Telephone +
+
+ + {phone} + +
+
+ )} + {email && ( +
+
+ Email +
+
+ + {email} + +
+
+ )} +
+ ) +} + +export default ContactPerson diff --git a/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.ui.test.tsx b/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.ui.test.tsx new file mode 100644 index 00000000..548cf662 --- /dev/null +++ b/apps/design-system/src/components/Atoms/ContactPerson/ContactPerson.ui.test.tsx @@ -0,0 +1,19 @@ +import { render, screen } from '@testing-library/react' + +import ContactPerson from './ContactPerson' + +describe('compoments/Atoms/ContactPerson', () => { + it('should render Contact Person details', () => { + // when ... rendering component + const name = 'NAME' + const phone = 'PHONE_NUMBER' + const email = 'EMAIL_ADDRESS' + + render() + + const AddressElement = screen.getByText(name) + + // then ... should render as expected + expect(AddressElement).toBeInTheDocument() + }) +}) diff --git a/apps/design-system/src/components/Atoms/ContactPerson/index.ts b/apps/design-system/src/components/Atoms/ContactPerson/index.ts new file mode 100644 index 00000000..ed871bd8 --- /dev/null +++ b/apps/design-system/src/components/Atoms/ContactPerson/index.ts @@ -0,0 +1 @@ +export { default as ContactPerson } from './ContactPerson' diff --git a/apps/design-system/src/components/Molecules/Address/Address.stories.tsx b/apps/design-system/src/components/Molecules/Address/Address.stories.tsx new file mode 100644 index 00000000..940e70cd --- /dev/null +++ b/apps/design-system/src/components/Molecules/Address/Address.stories.tsx @@ -0,0 +1,23 @@ +import { Meta, Story } from '@storybook/react' + +import Address from './Address' + +export default { + component: Address, + title: 'Molecules/Address', +} as Meta + +const Template: Story = ({ street, city, postalCode, country, phone, email }) => ( +
+) + +export const AddressStory = Template.bind({}) + +AddressStory.args = { + street: 'Main street 1', + city: 'Munich', + postalCode: '1234', + country: 'Germany', + phone: '+1234567', + email: 'info@envited.market', +} diff --git a/apps/design-system/src/components/Molecules/Address/Address.tsx b/apps/design-system/src/components/Molecules/Address/Address.tsx new file mode 100644 index 00000000..2ab6069d --- /dev/null +++ b/apps/design-system/src/components/Molecules/Address/Address.tsx @@ -0,0 +1,81 @@ +import { BuildingOffice2Icon, EnvelopeIcon, LinkIcon, PhoneIcon } from '@heroicons/react/24/outline' +import React, { FC } from 'react' + +interface AddressProps { + street: string + city: string + postalCode: string + country: string + website?: string + phone?: string + email?: string +} + +const Address: FC = ({ + street, + city, + postalCode, + country, + website = null, + phone = null, + email = null, +}) => { + return ( +
+
+
+ Address +
+
+ {street} +
+ {city}, {postalCode} +
+ {country} +
+
+ {website && ( +
+
+ Website +
+
+ + {website} + +
+
+ )} + {phone && ( +
+
+ Telephone +
+
+ + {phone} + +
+
+ )} + {email && ( +
+
+ Email +
+
+ + {email} + +
+
+ )} +
+ ) +} + +export default Address diff --git a/apps/design-system/src/components/Molecules/Address/Address.ui.test.tsx b/apps/design-system/src/components/Molecules/Address/Address.ui.test.tsx new file mode 100644 index 00000000..42fae1ab --- /dev/null +++ b/apps/design-system/src/components/Molecules/Address/Address.ui.test.tsx @@ -0,0 +1,24 @@ +import { render, screen } from '@testing-library/react' + +import Address from './Address' + +describe('compoments/Molecules/Address', () => { + it('should render Address', () => { + // when ... rendering component + const street = 'STREET' + const city = 'CITY' + const postalCode = 'POSTAL_CODE' + const country = 'COUNTRY' + const phone = '+123456789' + const email = 'EMAIL_ADDRESS' + + render( +
, + ) + + const AddressElement = screen.getByText(phone) + + // then ... should render as expected + expect(AddressElement).toBeInTheDocument() + }) +}) diff --git a/apps/design-system/src/components/Molecules/Address/index.ts b/apps/design-system/src/components/Molecules/Address/index.ts new file mode 100644 index 00000000..8916507a --- /dev/null +++ b/apps/design-system/src/components/Molecules/Address/index.ts @@ -0,0 +1 @@ +export { default as Address } from './Address' diff --git a/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.stories.tsx b/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.stories.tsx new file mode 100644 index 00000000..b4bf6007 --- /dev/null +++ b/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.stories.tsx @@ -0,0 +1,37 @@ +import { Meta, Story } from '@storybook/react' + +import Pill from '../../Atoms/Pill/Pill' +import MemberProfileCard from './MemberProfileCard' + +export default { + component: MemberProfileCard, + title: 'Molecules/MemberProfileCard', +} as Meta + +const Template: Story = ({ title, logoUri, street, city, postalCode, country }) => ( + + OEM + Supplier + + } + /> +) + +export const MemberProfileCardStory = Template.bind({}) + +MemberProfileCardStory.args = { + title: 'The golden idea ', + logoUri: 'https://source.unsplash.com/random', + street: 'Main street 1', + city: 'Munich', + postalCode: '1234', + country: 'Germany', +} diff --git a/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.tsx b/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.tsx new file mode 100644 index 00000000..24ff2001 --- /dev/null +++ b/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.tsx @@ -0,0 +1,46 @@ +import React, { FC, ReactElement } from 'react' + +import { Address } from '../Address' + +interface MemberProfileCardProps { + title: string + logoUri: string + street: string + city: string + postalCode: string + country: string + businessCategories: ReactElement +} + +const MemberProfileCard: FC = ({ + title, + logoUri, + street, + city, + postalCode, + country, + businessCategories, +}) => { + return ( +
+
+ {title} +
+
+
+

{title}

+
+
+
+ {businessCategories && ( +
+

Business Categories

+
{businessCategories}
+
+ )} +
+
+ ) +} + +export default MemberProfileCard diff --git a/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.ui.test.tsx b/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.ui.test.tsx new file mode 100644 index 00000000..8293c360 --- /dev/null +++ b/apps/design-system/src/components/Molecules/MemberProfileCard/MemberProfileCard.ui.test.tsx @@ -0,0 +1,39 @@ +import { render, screen } from '@testing-library/react' +import React from 'react' + +import Pill from '../../Atoms/Pill/Pill' +import MemberProfileCard from './MemberProfileCard' + +describe('compoments/Molecules/MemberProfileCard', () => { + it('should render a Member Card with the title', () => { + // when ... rendering component + const title = 'TITLE' + const logoUri = 'https://source.unsplash.com/random' + const street = 'STREET' + const city = 'CITY' + const postalCode = 'POSTAL_CODE' + const country = 'COUNTRY' + + render( + + OEM + Supplier + + } + />, + ) + + const CardElement = screen.getByText(title) + + // then ... should render as expected + expect(CardElement).toBeInTheDocument() + }) +}) diff --git a/apps/design-system/src/components/Molecules/MemberProfileCard/index.ts b/apps/design-system/src/components/Molecules/MemberProfileCard/index.ts new file mode 100644 index 00000000..81e222fc --- /dev/null +++ b/apps/design-system/src/components/Molecules/MemberProfileCard/index.ts @@ -0,0 +1 @@ +export { default as MemberProfileCard } from './MemberProfileCard' diff --git a/apps/design-system/src/index.ts b/apps/design-system/src/index.ts index 5179257f..710c7824 100644 --- a/apps/design-system/src/index.ts +++ b/apps/design-system/src/index.ts @@ -1,11 +1,14 @@ +export { Address } from './components/Molecules/Address' export { Button } from './components/Atoms/Button' export { Card } from './components/Atoms/Card' +export { ContactPerson } from './components/Atoms/ContactPerson' export { Date } from './components/Atoms/Date' export { Checkbox, Checkboxes, TextField, TextareaField } from './components/Atoms/Form' export { Grid, GridRow } from './components/Atoms/Grid' export { Heading } from './components/Atoms/Heading' export { HeadingWithTooltip } from './components/Atoms/HeadingWithTooltip' export { LoadingIndicator } from './components/Atoms/LoadingIndicator' +export { MemberProfileCard } from './components/Molecules/MemberProfileCard' export { Nav, NavItem } from './components/Atoms/Nav' export { Pill } from './components/Atoms/Pill' export { Table, TableBody, TableCell, TableFooter, TableHeader, TableRow } from './components/Atoms/Table' diff --git a/apps/envited.ascs.digital/app/members/[slug]/page.tsx b/apps/envited.ascs.digital/app/members/[slug]/page.tsx index 366c8286..eae4618d 100644 --- a/apps/envited.ascs.digital/app/members/[slug]/page.tsx +++ b/apps/envited.ascs.digital/app/members/[slug]/page.tsx @@ -1,5 +1,6 @@ import { getProfile } from '../../../common/serverActions' import { Header } from '../../../modules/Header' +import { Member } from '../../../modules/Member' export default async function Index({ params: { slug } }: { params: { slug: string } }) { const profile = await getProfile(slug) @@ -7,7 +8,11 @@ export default async function Index({ params: { slug } }: { params: { slug: stri return ( <>
-
{JSON.stringify(profile)}
+
+
+ +
+
) } diff --git a/apps/envited.ascs.digital/app/members/page.tsx b/apps/envited.ascs.digital/app/members/page.tsx new file mode 100644 index 00000000..3d48ff46 --- /dev/null +++ b/apps/envited.ascs.digital/app/members/page.tsx @@ -0,0 +1,18 @@ +import { getPublishedProfiles } from '../../common/serverActions' +import { Header } from '../../modules/Header' +import { Members } from '../../modules/Members' + +export default async function Index() { + const profiles = await getPublishedProfiles() + + return ( + <> +
+
+
+ +
+
+ + ) +} diff --git a/apps/envited.ascs.digital/common/database/queries/profiles.ts b/apps/envited.ascs.digital/common/database/queries/profiles.ts index 1c449a66..3e8dc444 100644 --- a/apps/envited.ascs.digital/common/database/queries/profiles.ts +++ b/apps/envited.ascs.digital/common/database/queries/profiles.ts @@ -21,3 +21,6 @@ export const maybeUpdatePublishedState = (db: DatabaseConnection) => async (data export const getProfileBySlug = (db: DatabaseConnection) => async (slug: string) => db.select().from(profile).where(eq(profile.slug, slug)) + +export const getPublishedProfiles = (db: DatabaseConnection) => async () => + db.select().from(profile).where(eq(profile.isPublished, true)) diff --git a/apps/envited.ascs.digital/common/database/queries/queries.ts b/apps/envited.ascs.digital/common/database/queries/queries.ts index 962d4fad..11917b3b 100644 --- a/apps/envited.ascs.digital/common/database/queries/queries.ts +++ b/apps/envited.ascs.digital/common/database/queries/queries.ts @@ -6,7 +6,7 @@ import { connectDb } from '../database' import * as schema from '../schema' import { getBusinessCategories } from './businessCategories' import { fetchTables } from './common' -import { getProfileBySlug, maybeUpdatePublishedState, update as updateProfile } from './profiles' +import { getProfileBySlug, getPublishedProfiles, maybeUpdatePublishedState, update as updateProfile } from './profiles' import { deleteUserById, getUserById, @@ -27,6 +27,7 @@ const queries = { updateProfile, maybeUpdatePublishedState, getProfileBySlug, + getPublishedProfiles, getUserByIssuerId, } diff --git a/apps/envited.ascs.digital/common/database/schema.ts b/apps/envited.ascs.digital/common/database/schema.ts index 4e71f565..b2b08372 100644 --- a/apps/envited.ascs.digital/common/database/schema.ts +++ b/apps/envited.ascs.digital/common/database/schema.ts @@ -156,7 +156,7 @@ export const profilesToBusinessCategories = pgTable('profilesToBusinessCategorie }) export const profilesToBusinessCategoriesRelations = relations(profilesToBusinessCategories, ({ one }) => ({ - companyCategory: one(businessCategory, { + businessCategory: one(businessCategory, { fields: [profilesToBusinessCategories.businessCategoryId], references: [businessCategory.id], }), diff --git a/apps/envited.ascs.digital/common/i18n/useI18n.ts b/apps/envited.ascs.digital/common/i18n/useI18n.ts index a83eb962..47e0fce7 100644 --- a/apps/envited.ascs.digital/common/i18n/useI18n.ts +++ b/apps/envited.ascs.digital/common/i18n/useI18n.ts @@ -2,6 +2,7 @@ import { compose, mergeDeepRight, pathOr, propOr, reduce } from 'ramda' import { HeaderTranslation } from '../../modules/Header' import { HeroHeaderTranslation } from '../../modules/HeroHeader' +import { MemberTranslation } from '../../modules/Member' import { ProfileTranslation } from '../../modules/Profile' import { UsersTranslation } from '../../modules/Users' import { Locale, TranslationsMap } from './types' @@ -12,6 +13,7 @@ const mergeTranslations = reduce(mergeDeepRight, { [Locale.en_GB]: {}, [Locale.d const translationObject = mergeTranslations([ HeaderTranslation, HeroHeaderTranslation, + MemberTranslation, ProfileTranslation, UsersTranslation, ]) as TranslationsMap diff --git a/apps/envited.ascs.digital/common/serverActions/index.ts b/apps/envited.ascs.digital/common/serverActions/index.ts index 341b2234..397ad198 100644 --- a/apps/envited.ascs.digital/common/serverActions/index.ts +++ b/apps/envited.ascs.digital/common/serverActions/index.ts @@ -1,3 +1,3 @@ export { getBusinessCategories } from './businessCategories' -export { updateProfile, getProfile } from './profiles' +export { updateProfile, getProfile, getPublishedProfiles } from './profiles' export { getUserById, getUsersByIssuerId, insertUser } from './users' diff --git a/apps/envited.ascs.digital/common/serverActions/profiles/get.ts b/apps/envited.ascs.digital/common/serverActions/profiles/get.ts index b643016f..84be1f54 100644 --- a/apps/envited.ascs.digital/common/serverActions/profiles/get.ts +++ b/apps/envited.ascs.digital/common/serverActions/profiles/get.ts @@ -49,24 +49,18 @@ export const _get = export const get = _get({ db, getServerSession, log }) -export const _getBusinessCategories = - ({ db, getServerSession, log }: { db: Database; getServerSession: () => Promise; log: Log }) => +export const _getPublishedProfiles = + ({ db, log }: { db: Database; log: Log }) => async () => { try { - const session = await getServerSession() - - if (isNil(session)) { - throw unauthorizedError({ resource: 'profiles' }) - } - const connection = await db() - const categories = await connection.getBusinessCategories() + const profiles = await connection.getPublishedProfiles() - return categories + return profiles } catch (error: unknown) { log.error(formatError(error)) throw internalServerErrorError() } } -export const getBusinessCategories = _getBusinessCategories({ db, getServerSession, log }) +export const getPublishedProfiles = _getPublishedProfiles({ db, log }) diff --git a/apps/envited.ascs.digital/common/serverActions/profiles/index.ts b/apps/envited.ascs.digital/common/serverActions/profiles/index.ts index 1e43ba75..535ceb22 100644 --- a/apps/envited.ascs.digital/common/serverActions/profiles/index.ts +++ b/apps/envited.ascs.digital/common/serverActions/profiles/index.ts @@ -1,2 +1,2 @@ export { update as updateProfile } from './update' -export { get as getProfile, getBusinessCategories } from './get' +export { get as getProfile, getPublishedProfiles } from './get' diff --git a/apps/envited.ascs.digital/common/types/types.ts b/apps/envited.ascs.digital/common/types/types.ts index 933dc5e2..bb728bd9 100644 --- a/apps/envited.ascs.digital/common/types/types.ts +++ b/apps/envited.ascs.digital/common/types/types.ts @@ -84,15 +84,17 @@ export interface Profile { postalCode: string | null addressLocality: string | null addressCountry: string | null - firstName?: string | null - lastName?: string | null - phone?: string | null - email?: string | null website?: string | null offerings?: unknown | null isPublished?: boolean | null createdAt?: Date | null updatedAt?: Date | null + salesName?: string | null + salesPhone?: string | null + salesEmail?: string | null + principalName?: string | null + principalPhone?: string | null + principalEmail?: string | null } export interface Session { diff --git a/apps/envited.ascs.digital/drizzle/development/0009_overjoyed_blockbuster.sql b/apps/envited.ascs.digital/drizzle/development/0009_overjoyed_blockbuster.sql index e7792243..d6b44abf 100644 --- a/apps/envited.ascs.digital/drizzle/development/0009_overjoyed_blockbuster.sql +++ b/apps/envited.ascs.digital/drizzle/development/0009_overjoyed_blockbuster.sql @@ -1,12 +1,20 @@ -ALTER TABLE "companyCategory" RENAME TO "businessCategory";--> statement-breakpoint -ALTER TABLE "profilesToCompanyCategories" RENAME TO "profilesToBusinessCategories";--> statement-breakpoint -ALTER TABLE "profilesToBusinessCategories" RENAME COLUMN "company_category_id" TO "business_category_id";--> statement-breakpoint -ALTER TABLE "businessCategory" DROP CONSTRAINT "companyCategory_id_unique";--> statement-breakpoint -ALTER TABLE "businessCategory" DROP CONSTRAINT "companyCategory_name_unique";--> statement-breakpoint -ALTER TABLE "profilesToBusinessCategories" DROP CONSTRAINT "profilesToCompanyCategories_profile_id_profile_id_fk"; +CREATE TABLE IF NOT EXISTS "businessCategory" ( + "id" text PRIMARY KEY NOT NULL, + "name" text, + "description" text, + "created_at" timestamp, + "updated_at" timestamp, + CONSTRAINT "businessCategory_id_unique" UNIQUE("id"), + CONSTRAINT "businessCategory_name_unique" UNIQUE("name") +); --> statement-breakpoint -ALTER TABLE "profilesToBusinessCategories" DROP CONSTRAINT "profilesToCompanyCategories_company_category_id_companyCategory_id_fk"; +CREATE TABLE IF NOT EXISTS "profilesToBusinessCategories" ( + "profile_id" uuid NOT NULL, + "business_category_id" text NOT NULL +); --> statement-breakpoint +DROP TABLE "companyCategory" CASCADE;--> statement-breakpoint +DROP TABLE "profilesToCompanyCategories" CASCADE;--> statement-breakpoint DO $$ BEGIN ALTER TABLE "profilesToBusinessCategories" ADD CONSTRAINT "profilesToBusinessCategories_profile_id_profile_id_fk" FOREIGN KEY ("profile_id") REFERENCES "public"."profile"("id") ON DELETE no action ON UPDATE no action; EXCEPTION @@ -18,6 +26,3 @@ DO $$ BEGIN EXCEPTION WHEN duplicate_object THEN null; END $$; ---> statement-breakpoint -ALTER TABLE "businessCategory" ADD CONSTRAINT "businessCategory_id_unique" UNIQUE("id");--> statement-breakpoint -ALTER TABLE "businessCategory" ADD CONSTRAINT "businessCategory_name_unique" UNIQUE("name"); \ No newline at end of file diff --git a/apps/envited.ascs.digital/drizzle/development/meta/0009_snapshot.json b/apps/envited.ascs.digital/drizzle/development/meta/0009_snapshot.json index 1a1b08d3..56b0fbf2 100644 --- a/apps/envited.ascs.digital/drizzle/development/meta/0009_snapshot.json +++ b/apps/envited.ascs.digital/drizzle/development/meta/0009_snapshot.json @@ -1,5 +1,5 @@ { - "id": "86109d50-05ea-4a5a-a824-fa73e3aa075a", + "id": "ce044679-56bc-440c-9681-39abb67edd6f", "prevId": "5bc1029f-3da8-4d61-84b1-70356c60f4f7", "version": "5", "dialect": "pg", diff --git a/apps/envited.ascs.digital/drizzle/staging/0007_cheerful_thundra.sql b/apps/envited.ascs.digital/drizzle/staging/0007_cheerful_thundra.sql index e7792243..d6b44abf 100644 --- a/apps/envited.ascs.digital/drizzle/staging/0007_cheerful_thundra.sql +++ b/apps/envited.ascs.digital/drizzle/staging/0007_cheerful_thundra.sql @@ -1,12 +1,20 @@ -ALTER TABLE "companyCategory" RENAME TO "businessCategory";--> statement-breakpoint -ALTER TABLE "profilesToCompanyCategories" RENAME TO "profilesToBusinessCategories";--> statement-breakpoint -ALTER TABLE "profilesToBusinessCategories" RENAME COLUMN "company_category_id" TO "business_category_id";--> statement-breakpoint -ALTER TABLE "businessCategory" DROP CONSTRAINT "companyCategory_id_unique";--> statement-breakpoint -ALTER TABLE "businessCategory" DROP CONSTRAINT "companyCategory_name_unique";--> statement-breakpoint -ALTER TABLE "profilesToBusinessCategories" DROP CONSTRAINT "profilesToCompanyCategories_profile_id_profile_id_fk"; +CREATE TABLE IF NOT EXISTS "businessCategory" ( + "id" text PRIMARY KEY NOT NULL, + "name" text, + "description" text, + "created_at" timestamp, + "updated_at" timestamp, + CONSTRAINT "businessCategory_id_unique" UNIQUE("id"), + CONSTRAINT "businessCategory_name_unique" UNIQUE("name") +); --> statement-breakpoint -ALTER TABLE "profilesToBusinessCategories" DROP CONSTRAINT "profilesToCompanyCategories_company_category_id_companyCategory_id_fk"; +CREATE TABLE IF NOT EXISTS "profilesToBusinessCategories" ( + "profile_id" uuid NOT NULL, + "business_category_id" text NOT NULL +); --> statement-breakpoint +DROP TABLE "companyCategory" CASCADE;--> statement-breakpoint +DROP TABLE "profilesToCompanyCategories" CASCADE;--> statement-breakpoint DO $$ BEGIN ALTER TABLE "profilesToBusinessCategories" ADD CONSTRAINT "profilesToBusinessCategories_profile_id_profile_id_fk" FOREIGN KEY ("profile_id") REFERENCES "public"."profile"("id") ON DELETE no action ON UPDATE no action; EXCEPTION @@ -18,6 +26,3 @@ DO $$ BEGIN EXCEPTION WHEN duplicate_object THEN null; END $$; ---> statement-breakpoint -ALTER TABLE "businessCategory" ADD CONSTRAINT "businessCategory_id_unique" UNIQUE("id");--> statement-breakpoint -ALTER TABLE "businessCategory" ADD CONSTRAINT "businessCategory_name_unique" UNIQUE("name"); \ No newline at end of file diff --git a/apps/envited.ascs.digital/modules/HeroHeader/HeroHeader.tsx b/apps/envited.ascs.digital/modules/HeroHeader/HeroHeader.tsx index 42c99d5b..11668d05 100644 --- a/apps/envited.ascs.digital/modules/HeroHeader/HeroHeader.tsx +++ b/apps/envited.ascs.digital/modules/HeroHeader/HeroHeader.tsx @@ -1,6 +1,7 @@ 'use client' import { Button, Grid, GridRow } from '@envited-marketplace/design-system' +import Link from 'next/link' import { useSearchParams } from 'next/navigation' import React, { FC, useState } from 'react' @@ -94,7 +95,11 @@ export const HeroHeader: FC = () => {
-
+
+ + See list of registered members + +

{message}

diff --git a/apps/envited.ascs.digital/modules/Member/Member.intl.ts b/apps/envited.ascs.digital/modules/Member/Member.intl.ts new file mode 100644 index 00000000..334988e3 --- /dev/null +++ b/apps/envited.ascs.digital/modules/Member/Member.intl.ts @@ -0,0 +1,12 @@ +import { Locale, TranslationsMap } from '../../common/i18n/types' +import de from './locales/de_DE.json' +import en from './locales/en_GB.json' + +export const translations: TranslationsMap = { + [Locale.en_GB]: { + Member: en, + }, + [Locale.de_DE]: { + Member: de, + }, +} diff --git a/apps/envited.ascs.digital/modules/Member/Member.tsx b/apps/envited.ascs.digital/modules/Member/Member.tsx new file mode 100644 index 00000000..f2d2600a --- /dev/null +++ b/apps/envited.ascs.digital/modules/Member/Member.tsx @@ -0,0 +1,83 @@ +'use client' + +import { Address, Card, ContactPerson, Heading, Pill } from '@envited-marketplace/design-system' +import { has, isNil, map, propOr } from 'ramda' +import React, { FC } from 'react' + +import { useTranslation } from '../../common/i18n' +import { Profile } from '../../common/types' + +interface MemberProps { + member: Profile +} +export const Member: FC = ({ member }) => { + const { t } = useTranslation('Member') + + return ( +
+
+ + {t('[Heading] member profile')} + {propOr('', 'name')(member)} +
+ {t('[Heading] business categories')} +
+ {map((categorie: string) => {categorie})(['OEM', 'Supplier'])} +
+
+
+ {t('[Heading] about us')} +
{propOr('', 'description')(member)}
+
+ +
+
+ + {!isNil(propOr('', 'logo')(member)) && ( + {propOr('', + )} + {t('[Heading] address')} +
+
+
+ + {has('principalName')(member) && has('principalEmail')(member) && has('principalPhone')(member) && ( + + {t('[Heading] principal contact')} +
+ +
+ + )} + {has('salesName')(member) && has('salesEmail')(member) && has('salesPhone')(member) && ( + + {t('[Heading] sales contact')} +
+ +
+ + )} +
+
+ ) +} diff --git a/apps/envited.ascs.digital/modules/Member/index.ts b/apps/envited.ascs.digital/modules/Member/index.ts new file mode 100644 index 00000000..2a4835a6 --- /dev/null +++ b/apps/envited.ascs.digital/modules/Member/index.ts @@ -0,0 +1,5 @@ +import { translations } from './Member.intl' + +export { Member } from './Member' + +export { translations as MemberTranslation } diff --git a/apps/envited.ascs.digital/modules/Member/locales/de_DE.json b/apps/envited.ascs.digital/modules/Member/locales/de_DE.json new file mode 100644 index 00000000..0eedf3f3 --- /dev/null +++ b/apps/envited.ascs.digital/modules/Member/locales/de_DE.json @@ -0,0 +1,8 @@ +{ + "[Heading] member profile": "Member profile", + "[Heading] business categories": "Business categories", + "[Heading] about us": "About us", + "[Heading] address": "Address", + "[Heading] principal contact": "Principal contact", + "[Heading] sales contact": "Sales contact" +} diff --git a/apps/envited.ascs.digital/modules/Member/locales/en_GB.json b/apps/envited.ascs.digital/modules/Member/locales/en_GB.json new file mode 100644 index 00000000..0eedf3f3 --- /dev/null +++ b/apps/envited.ascs.digital/modules/Member/locales/en_GB.json @@ -0,0 +1,8 @@ +{ + "[Heading] member profile": "Member profile", + "[Heading] business categories": "Business categories", + "[Heading] about us": "About us", + "[Heading] address": "Address", + "[Heading] principal contact": "Principal contact", + "[Heading] sales contact": "Sales contact" +} diff --git a/apps/envited.ascs.digital/modules/Members/GridItem.tsx b/apps/envited.ascs.digital/modules/Members/GridItem.tsx new file mode 100644 index 00000000..dd4f8e53 --- /dev/null +++ b/apps/envited.ascs.digital/modules/Members/GridItem.tsx @@ -0,0 +1,42 @@ +'use client' + +import { MemberProfileCard, Pill } from '@envited-marketplace/design-system' +import Link from 'next/link' +import { map } from 'ramda' +import React, { FC } from 'react' + +interface ItemProps { + name: string + slug: string + logo: string + street: string + city: string + postalCode: string + country: string + businessCategories?: string[] +} + +export const GridItem: FC = ({ + name, + slug, + logo, + street, + city, + postalCode, + country, + businessCategories = [], +}) => { + return ( + + {map((category: string) => {category})(businessCategories)}} + /> + + ) +} diff --git a/apps/envited.ascs.digital/modules/Members/Members.tsx b/apps/envited.ascs.digital/modules/Members/Members.tsx new file mode 100644 index 00000000..190aacbe --- /dev/null +++ b/apps/envited.ascs.digital/modules/Members/Members.tsx @@ -0,0 +1,51 @@ +'use client' + +import { GridRow } from '@envited-marketplace/design-system' +import { map } from 'ramda' +import React, { FC } from 'react' + +import { GridItem } from './GridItem' + +interface MembersProps { + members: [] +} + +export const Members: FC = ({ members }) => { + return ( + + {map( + ({ + name, + slug, + logo, + streetAddress, + addressLocality, + postalCode, + addressCountry, + }: { + name: string + slug: string + logo: string + streetAddress: string + addressLocality: string + postalCode: string + addressCountry: string + }) => { + return ( + + ) + }, + )(members)} + + ) +} diff --git a/apps/envited.ascs.digital/modules/Members/index.ts b/apps/envited.ascs.digital/modules/Members/index.ts new file mode 100644 index 00000000..eb655d19 --- /dev/null +++ b/apps/envited.ascs.digital/modules/Members/index.ts @@ -0,0 +1 @@ +export { Members } from './Members'