Create components/Layout.tsx
Browse files
frontend/components/Layout.tsx
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import React from 'react';
|
| 2 |
+
import Head from 'next/head';
|
| 3 |
+
import { useTranslation } from 'next-i18next';
|
| 4 |
+
|
| 5 |
+
const Layout: React.FC<{children: React.ReactNode}> = ({ children }) => {
|
| 6 |
+
const { t } = useTranslation('common');
|
| 7 |
+
return (
|
| 8 |
+
<>
|
| 9 |
+
<Head>
|
| 10 |
+
<title>{t('title')}</title>
|
| 11 |
+
<meta name="description" content="Evolutionary model merging for Hugging Face" />
|
| 12 |
+
</Head>
|
| 13 |
+
<main className="min-h-screen bg-gray-50 text-gray-900">
|
| 14 |
+
{children}
|
| 15 |
+
</main>
|
| 16 |
+
</>
|
| 17 |
+
);
|
| 18 |
+
};
|
| 19 |
+
|
| 20 |
+
export default Layout;
|