62 lines
2.9 KiB
TypeScript
62 lines
2.9 KiB
TypeScript
import React from 'react';
|
|
import type { Metadata } from 'next';
|
|
import { unstable_setRequestLocale } from 'next-intl/server';
|
|
import dayjs from 'dayjs';
|
|
import 'dayjs/locale/ru';
|
|
import 'dayjs/locale/en';
|
|
import 'dayjs/locale/de';
|
|
import 'dayjs/locale/it';
|
|
import 'dayjs/locale/fr';
|
|
import 'dayjs/locale/es';
|
|
import { i18nText } from '../../../../../i18nKeys';
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Bbuddy - Account - Notifications',
|
|
description: 'Bbuddy desc notifications'
|
|
};
|
|
|
|
export default function Notifications({ params: { locale } }: { params: { locale: string } }) {
|
|
unstable_setRequestLocale(locale);
|
|
const date = dayjs('2022-05-22').locale(locale);
|
|
|
|
return (
|
|
<>
|
|
<ol className="breadcrumb">
|
|
<li className="breadcrumb-item active" aria-current="page">{i18nText('accountMenu.notifications', locale)}</li>
|
|
</ol>
|
|
<div className="list-notifications ">
|
|
<div className="b-notifications primary">
|
|
<div className="b-notifications__title">Notification Headline</div>
|
|
<div className="b-notifications__text">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor leo eu justo molestie
|
|
</div>
|
|
<div className="b-notifications__date">{date.format('D MMMM YYYY')}</div>
|
|
<div className="b-notifications__inner">
|
|
<a href="#" className="b-notifications__delete">{i18nText('delete', locale)}</a>
|
|
</div>
|
|
</div>
|
|
<div className="b-notifications primary">
|
|
<div className="b-notifications__title">Notification Headline</div>
|
|
<div className="b-notifications__text">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor leo eu justo molestie
|
|
</div>
|
|
<div className="b-notifications__date">{date.format('D MMMM YYYY')}</div>
|
|
<div className="b-notifications__inner">
|
|
<a href="#" className="b-notifications__delete">{i18nText('delete', locale)}</a>
|
|
</div>
|
|
</div>
|
|
<div className="b-notifications danger">
|
|
<div className="b-notifications__title">Notification Headline</div>
|
|
<div className="b-notifications__text">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor leo eu justo molestie
|
|
</div>
|
|
<div className="b-notifications__date">{date.format('D MMMM YYYY')}</div>
|
|
<div className="b-notifications__inner">
|
|
<a href="#" className="b-notifications__delete">{i18nText('delete', locale)}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|