From a3c05640f7f90ea9f4d23ee71f725143db7c8a47 Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Wed, 12 Apr 2023 14:50:02 +0200
Subject: [PATCH] =?UTF-8?q?[Glitch]=20Add=20=E2=80=9CIn=20Memoriam?=
 =?UTF-8?q?=E2=80=9D=20banner=20back=20to=20profiles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Port 86ad43173f4f2fead5791fe6ae09144cbebee7c1 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../features/account_timeline/components/header.jsx  |  2 ++
 .../account_timeline/components/memorial_note.jsx    | 12 ++++++++++++
 .../flavours/glitch/styles/components/accounts.scss  |  7 ++++++-
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 app/javascript/flavours/glitch/features/account_timeline/components/memorial_note.jsx

diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/header.jsx b/app/javascript/flavours/glitch/features/account_timeline/components/header.jsx
index eec065b43..9b3c273bc 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/header.jsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/header.jsx
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import InnerHeader from 'flavours/glitch/features/account/components/header';
 import ActionBar from 'flavours/glitch/features/account/components/action_bar';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import MemorialNote from './memorial_note';
 import { FormattedMessage } from 'react-intl';
 import { NavLink } from 'react-router-dom';
 import MovedNote from './moved_note';
@@ -116,6 +117,7 @@ export default class Header extends ImmutablePureComponent {
 
     return (
       <div className='account-timeline__header'>
+        {(!hidden && account.get('memorial')) && <MemorialNote />}
         {(!hidden && account.get('moved')) && <MovedNote from={account} to={account.get('moved')} />}
 
         <InnerHeader
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/memorial_note.jsx b/app/javascript/flavours/glitch/features/account_timeline/components/memorial_note.jsx
new file mode 100644
index 000000000..fed95ac2a
--- /dev/null
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/memorial_note.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+const MemorialNote = () => (
+  <div className='account-memorial-banner'>
+    <div className='account-memorial-banner__message'>
+      <FormattedMessage id='account.in_memoriam' defaultMessage='In Memoriam.' />
+    </div>
+  </div>
+);
+
+export default MemorialNote;
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index 5f144300d..374f46907 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -770,7 +770,8 @@
 }
 
 .moved-account-banner,
-.follow-request-banner {
+.follow-request-banner,
+.account-memorial-banner {
   padding: 20px;
   background: lighten($ui-base-color, 4%);
   display: flex;
@@ -804,3 +805,7 @@
 .follow-request-banner .button {
   width: 100%;
 }
+
+.account-memorial-banner__message {
+  margin-bottom: 0;
+}