Merge pull request #11 from aXenDeveloper/change_marketplace_ips

Change marketplace IPS to invisionize

Author: aXenDeveloper

.vscode/settings.json

@@ -5,6 +5,7 @@
     "commitlint",
     "datetime",
     "fluentui",
+    "invisionize",
     "overscan",
     "stylelint",
     "Swipeable",

app/[locale]/(main)/faq/layout.tsx

@@ -3,8 +3,7 @@ import { getTranslator } from 'next-intl/server';
 import { Metadata } from 'next';
 
 import { WrapperFaq } from '@/views/faq/wrapper/WrapperFaq';
-
-import { CONFIG_TITLE } from '../../../../config';
+import { CONFIG } from '@/config';
 
 interface MetadataProps {
   params: {
@@ -18,7 +17,7 @@ export async function generateMetadata({ params: { locale } }: MetadataProps): P
   return {
     title: {
       default: t('faq'),
-      template: `%s - ${t('faq')} - ${CONFIG_TITLE}`
+      template: `%s - ${t('faq')} - ${CONFIG.title}`
     }
   };
 }

app/[locale]/(main)/products/(products)/page.tsx

@@ -1,6 +1,7 @@
 import { getTranslator } from 'next-intl/server';
 
 import { ProductsView } from '@/views/products/ProductsView';
+import { CONFIG, ExchangeRateToUSD } from '@/config';
 
 interface MetadataProps {
   params: {
@@ -16,6 +17,15 @@ export async function generateMetadata({ params: { locale } }: MetadataProps) {
   };
 }
 
-export default function Page() {
-  return <ProductsView />;
+const fetchExchangeRateToUSD = async (): Promise<ExchangeRateToUSD> => {
+  const current = await fetch(CONFIG.nbpAPI);
+
+  return current.json();
+};
+
+export default async function Page() {
+  const exchangeRateToUSD = await fetchExchangeRateToUSD();
+  const current = exchangeRateToUSD.rates;
+
+  return <ProductsView oneUSDtoPLN={current.length > 0 ? current[0].mid : undefined} />;
 }

app/[locale]/(main)/products/[id]/page.tsx

@@ -2,7 +2,8 @@ import { getTranslator } from 'next-intl/server';
 import { notFound } from 'next/navigation';
 
 import { ProductView } from '@/views/products/[id]/ProductView';
-import { dataProducts } from '@/views/products/dataProducts';
+import { productsData } from '@/views/products/productsData';
+import { CONFIG, ExchangeRateToUSD } from '@/config';
 
 interface Props {
   params: {
@@ -14,7 +15,7 @@ interface Props {
 export async function generateMetadata({ params: { id, locale } }: Props) {
   const t = await getTranslator(locale, 'nav');
 
-  const findProduct = dataProducts.find(product => product.id === id);
+  const findProduct = productsData.find(product => product.id === id);
 
   if (findProduct) {
     return {
@@ -27,12 +28,23 @@ export async function generateMetadata({ params: { id, locale } }: Props) {
   };
 }
 
-export default function Page({ params: { id } }: Props) {
-  const findProduct = dataProducts.find(product => product.id === id);
+const fetchExchangeRateToUSD = async (): Promise<ExchangeRateToUSD> => {
+  const current = await fetch(CONFIG.nbpAPI);
+
+  return current.json();
+};
+
+export default async function Page({ params: { id } }: Props) {
+  const findProduct = productsData.find(product => product.id === id);
 
   if (!findProduct) {
     notFound();
   }
 
-  return <ProductView {...findProduct} />;
+  const exchangeRateToUSD = await fetchExchangeRateToUSD();
+  const current = exchangeRateToUSD.rates;
+
+  return (
+    <ProductView {...findProduct} oneUSDtoPLN={current.length > 0 ? current[0].mid : undefined} />
+  );
 }

app/[locale]/page.tsx

@@ -1,5 +1,15 @@
 import { HomeView } from '@/views/home/HomeView';
+import { CONFIG, ExchangeRateToUSD } from '@/config';
 
-export default function Page() {
-  return <HomeView />;
+const fetchExchangeRateToUSD = async (): Promise<ExchangeRateToUSD> => {
+  const current = await fetch(CONFIG.nbpAPI);
+
+  return current.json();
+};
+
+export default async function Page() {
+  const exchangeRateToUSD = await fetchExchangeRateToUSD();
+  const current = exchangeRateToUSD.rates;
+
+  return <HomeView oneUSDtoPLN={current.length > 0 ? current[0].mid : undefined} />;
 }

app/layout.tsx

@@ -3,16 +3,16 @@ import '@/styles/global.scss';
 import { Metadata } from 'next';
 import { Analytics } from '@vercel/analytics/react';
 
-import { CONFIG_TITLE } from '../config';
+import { CONFIG } from '../config';
 
 export function generateMetadata(): Metadata {
   const desc =
     "I'm Maciej Piotr Balcerzak and I'm working as Software Engineer with a passion for creating beautiful and user-friendly products. I have experience in front-end, back-end, testing and UX/UI design, but my primary experience is front-end. Also I'm contributor for Invision Community making themes and apps.";
 
   return {
     title: {
-      default: CONFIG_TITLE,
-      template: `%s - ${CONFIG_TITLE}`
+      default: CONFIG.title,
+      template: `%s - ${CONFIG.title}`
     },
     icons: {
       shortcut: '/icons/favicon.ico'
@@ -21,14 +21,14 @@ export function generateMetadata(): Metadata {
     themeColor: '#200706',
     metadataBase: new URL('https://axendev.net/'),
     openGraph: {
-      title: CONFIG_TITLE,
+      title: CONFIG.title,
       description: desc,
       images: [
         {
           url: '/icons/og.png',
           width: 1050,
           height: 350,
-          alt: CONFIG_TITLE
+          alt: CONFIG.title
         }
       ]
     }

assets/faq/transfer_products_from_ips_marketplace/transfer_products_from_ips_marketplace-en.mdx

@@ -0,0 +1,9 @@
+# Transfer products from IPS Marketplace to Invisionize
+
+As you know IPS Marketplace is closing October 30, 2023 ([You can read more here](https://invisioncommunity.com/news/invision-community/marketplace-closure-r1283/)) and I am moving all products to [Invisionize](https://forum.invisionize.pl/).
+
+## How to transfer license of my products?
+
+1. Sign up on [Invisionize](https://forum.invisionize.pl/),
+2. Sand me a PM on [IPS Community](https://invisioncommunity.com/messenger/compose/?to=580858) with your [Invisionize](https://forum.invisionize.pl/) username and which products you want to transfer,
+3. Wait for my answer. I will transfer your purchases to your account.

assets/faq/transfer_products_from_ips_marketplace/transfer_products_from_ips_marketplace-pl.mdx

@@ -0,0 +1,9 @@
+# Przenoszenie produktów z IPS Marketplace do Invisionize
+
+Jak już wiesz IPS Marketplace zamyka się 30 Października 2023r. ([Więcej możesz przeczytać tutaj](https://invisioncommunity.com/news/invision-community/marketplace-closure-r1283/)) i przenoszę wszystkie produkty do [Invisionize](https://forum.invisionize.pl/).
+
+## Jak przenieść licencję moich produktów?
+
+1. Zarejestruj się na [Invisionize](https://forum.invisionize.pl/),
+2. Wyślij mi wiadomość na [IPS Community](https://invisioncommunity.com/messenger/compose/?to=580858) z nazwą użytkownika na [Invisionize](https://forum.invisionize.pl/) oraz które produkty chcesz przenieść,
+3. Poczekaj na odpowiedź. Ja przeniosę Twoje zakupy na Twoje konto.

components/button/Button.test.tsx

@@ -3,6 +3,8 @@ import { expect, describe, it } from 'vitest';
 
 import { Button } from './Button';
 
+import { RootMock } from '../../__mocks__/RootMock';
+
 describe('Button', () => {
   it('renders children', () => {
     const { getByText } = render(<Button id="test">Hello World</Button>);
@@ -19,7 +21,8 @@ describe('Button', () => {
     const { getByTestId } = render(
       <Button id="test" href="/foo">
         Click me
-      </Button>
+      </Button>,
+      { wrapper: RootMock }
     );
     const button = getByTestId('button_test');
     expect(button.tagName).toBe('A');

components/layout/footer/Footer.tsx

@@ -6,7 +6,7 @@ import style from './Footer.module.scss';
 import { Logo } from '@/assets/Logo';
 import { SocialFooter } from './socials/SocialsFooter';
 import { InfoFooter } from './info/InfoFooter';
-import { CONFIG_TITLE } from '@/config';
+import { CONFIG } from '@/config';
 
 export const Footer = () => {
   const t = useTranslations('global');
@@ -15,7 +15,7 @@ export const Footer = () => {
     <footer className={style.main}>
       <div className={cx('layout_wrapper', style.wrapper)}>
         <div className={style.logo}>
-          <Link href="/" aria-label={t('logo', { name: CONFIG_TITLE })}>
+          <Link href="/" aria-label={t('logo', { name: CONFIG.title })}>
             <Logo />
           </Link>