-
- Notice: This site has been archived since May 2019 and is no longer updated.
-
+
CelLoc-3D is managed by Teppei Ebina and Tadaharu Tsumoto
Laboratory for cortical circuit plasticity
diff --git a/src/features/news/News.module.css b/src/features/news/News.module.css
index 79e6e76..24a7696 100644
--- a/src/features/news/News.module.css
+++ b/src/features/news/News.module.css
@@ -1,8 +1,8 @@
.news {
- margin: 10px;
+ margin: 20px;
}
.item {
- margin: 0 10px 10px 10px;
+ margin: 0 0 10px 0;
}
.item:after {
content: ".";
diff --git a/src/features/news/News.tsx b/src/features/news/News.tsx
index 6fd6da0..4823493 100644
--- a/src/features/news/News.tsx
+++ b/src/features/news/News.tsx
@@ -3,6 +3,7 @@ import { useEffect } from 'react';
import { useAppDispatch } from '../../app/hooks';
import JsonNews_ from '../../assets/news.json';
import nl2br from '../../utils/nl2br';
+import Notice from '../notice/Notice';
import { setTitle } from '../page-title/pageTitleSlice';
import styles from './News.module.css';
@@ -23,6 +24,7 @@ const News: React.FC = () => {
return (
+
{JsonNews.map((item, key) => {
return (
// biome-ignore lint/suspicious/noArrayIndexKey: static JSON data
diff --git a/src/features/notice/Notice.module.css b/src/features/notice/Notice.module.css
new file mode 100644
index 0000000..6162a28
--- /dev/null
+++ b/src/features/notice/Notice.module.css
@@ -0,0 +1,4 @@
+.notice {
+ margin: 10px 0 20px;
+ color: #ff0000;
+}
diff --git a/src/features/notice/Notice.tsx b/src/features/notice/Notice.tsx
new file mode 100644
index 0000000..07f5878
--- /dev/null
+++ b/src/features/notice/Notice.tsx
@@ -0,0 +1,10 @@
+import type React from 'react';
+import styles from './Notice.module.css';
+
+const Notice: React.FC = () => {
+ return (
+ This site has been archived since May 2019 and is no longer updated.
+ );
+};
+
+export default Notice;
diff --git a/src/features/page-title/PageTitle.tsx b/src/features/page-title/PageTitle.tsx
index 81f85c1..5ab5762 100644
--- a/src/features/page-title/PageTitle.tsx
+++ b/src/features/page-title/PageTitle.tsx
@@ -1,5 +1,5 @@
+import { Helmet } from '@dr.pogodin/react-helmet';
import type React from 'react';
-import { Helmet } from 'react-helmet-async';
import { useAppSelector } from '../../app/hooks';
import styles from './PageTitle.module.css';
import { selectPageTitle } from './pageTitleSlice';
diff --git a/src/index.tsx b/src/index.tsx
index 535f634..3ddb2db 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,6 +1,6 @@
+import { HelmetProvider } from '@dr.pogodin/react-helmet';
import React from 'react';
import ReactDOM from 'react-dom/client';
-import { HelmetProvider } from 'react-helmet-async';
import { Provider } from 'react-redux';
import App from './App';
import { store } from './app/store';