From 30289703a9d224c91c020a89fc836dacc7795cdf Mon Sep 17 00:00:00 2001
From: Clovis <clovis@synapse-medicine.com>
Date: Sun, 3 Nov 2024 13:12:14 +0100
Subject: [PATCH] fix: local related issues

---
 Dockerfile             |  2 +-
 template/src/Index.tsx | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 0d66e28..fd9349c 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -22,7 +22,7 @@ ENV WWW_GROUP=www-data
 COPY . $NOIRCIR_FOLDER 
 
 # install deps
-RUN apk add gettext gum nginx nginx-mod-http-lua nginx-mod-http-dav-ext openssl nodejs-current npm jq curl \
+RUN apk add gettext gum nginx nginx-mod-http-lua nginx-mod-http-dav-ext openssl nodejs-current npm jq curl icu-libs icu-data-full \
     && corepack enable \
     && mkdir -p $NGINX_FOLDER \
     && mkdir -p /tools && cp $NOIRCIR_FOLDER/tools/* /tools
diff --git a/template/src/Index.tsx b/template/src/Index.tsx
index 14f17b8..0a42cc4 100644
--- a/template/src/Index.tsx
+++ b/template/src/Index.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
 
-import { Line, Block } from '@bdxtown/canaille';
+import { Line, Block, createUseStyles } from '@bdxtown/canaille';
 import { Blog } from 'types/src/Blog';
 import { Post } from 'types/src/Post';
 import { Footer } from './Footer'
 import sanitizeHTML from './sanitize';
+import { withI18n } from './withI18n';
 
 
 
@@ -20,8 +21,15 @@ interface Collection {
     }>
 }
 
+const useStyle = createUseStyles({
+    title: {
+        lineHeight: 1.20,
+    }
+})
+
 
 const Index: React.FC<Blog & Collection> = ({ blogName, blogDescription, blogCover, pages, lang }) => {
+    const { title } = useStyle();
     return (
         <div className='mx-auto max-w-[800px]'>
             <header className='p-3'>
@@ -44,7 +52,7 @@ const Index: React.FC<Blog & Collection> = ({ blogName, blogDescription, blogCov
                                         page.data.cover && <img className='w-full h-[100px] object-cover' src={page.data.cover} />
                                     }
                                     <div className='p-3'>
-                                        <h2 className='m-0 mb-3'>
+                                        <h2 className={`m-0 mb-3 ${title}`}>
                                             { page.data.title }
                                         </h2>
                                         <p className='m-0'>
@@ -65,4 +73,4 @@ const Index: React.FC<Blog & Collection> = ({ blogName, blogDescription, blogCov
     );
 }
 
-export default (Index);
\ No newline at end of file
+export default withI18n(Index);
\ No newline at end of file