From 08412d221014139dfea4e10f6e83e1a272cbf4c2 Mon Sep 17 00:00:00 2001
From: Polar <polar@polar.blue>
Date: Mon, 30 May 2022 23:04:27 -0700
Subject: [PATCH] Fix contacts tab in settings.

---
 packages/interface/src/App.tsx                       |  2 ++
 .../src/screens/settings/ContactsSettings.tsx        | 12 ++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 packages/interface/src/screens/settings/ContactsSettings.tsx

diff --git a/packages/interface/src/App.tsx b/packages/interface/src/App.tsx
index f4a46f668..bc8b92835 100644
--- a/packages/interface/src/App.tsx
+++ b/packages/interface/src/App.tsx
@@ -28,6 +28,7 @@ import { RedirectPage } from './screens/Redirect';
 import { SettingsScreen } from './screens/Settings';
 import { TagScreen } from './screens/Tag';
 import AppearanceSettings from './screens/settings/AppearanceSettings';
+import ContactsSettings from './screens/settings/ContactsSettings';
 import ExperimentalSettings from './screens/settings/ExperimentalSettings';
 import GeneralSettings from './screens/settings/GeneralSettings';
 import KeysSettings from './screens/settings/KeysSetting';
@@ -103,6 +104,7 @@ function SettingsRoutes({ modal = false }) {
 					<Route index element={<GeneralSettings />} />
 
 					<Route path="appearance" element={<AppearanceSettings />} />
+					<Route path="contacts" element={<ContactsSettings />} />
 					<Route path="experimental" element={<ExperimentalSettings />} />
 					<Route path="general" element={<GeneralSettings />} />
 					<Route path="keys" element={<KeysSettings />} />
diff --git a/packages/interface/src/screens/settings/ContactsSettings.tsx b/packages/interface/src/screens/settings/ContactsSettings.tsx
new file mode 100644
index 000000000..581c1df18
--- /dev/null
+++ b/packages/interface/src/screens/settings/ContactsSettings.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { SettingsContainer } from '../../components/settings/SettingsContainer';
+import { SettingsHeader } from '../../components/settings/SettingsHeader';
+
+export default function ContactsSettings() {
+	return (
+		<SettingsContainer>
+			<SettingsHeader title="Contacts" description="Manage your contacts in Spacedrive." />
+		</SettingsContainer>
+	);
+}