feat(frontend): temporary logs page to clear up confusion about it 40…

…4ing

This commit also disables the "Run Now" buttons under Jobs until they actually work

re #272

src/components/Settings/SettingsJobs.tsx

@@ -46,7 +46,7 @@ const SettingsJobs: React.FC = () => {
               </div>
             </Table.TD>
             <Table.TD alignText="right">
-              <Button buttonType="primary">
+              <Button buttonType="primary" disabled>
                 {intl.formatMessage(messages.runnow)}
               </Button>
             </Table.TD>

src/components/Settings/SettingsLogs/index.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+// We will localize this file when the complete version is released.
+
+const SettingsLogs: React.FC = () => {
+  return (
+    <>
+      <div className="leading-loose text-gray-300 text-sm">
+        Logs page is still being built. For now, you can access your logs
+        directly in <code>stdout</code> (container logs) or looking in{' '}
+        <code>/app/config/logs/overseerr.logs</code>
+      </div>
+    </>
+  );
+};
+
+export default SettingsLogs;

src/pages/settings/logs.tsx

@@ -0,0 +1,14 @@
+import { NextPage } from 'next';
+import React from 'react';
+import SettingsLayout from '../../components/Settings/SettingsLayout';
+import SettingsLogs from '../../components/Settings/SettingsLogs';
+
+const SettingsLogsPage: NextPage = () => {
+  return (
+    <SettingsLayout>
+      <SettingsLogs />
+    </SettingsLayout>
+  );
+};
+
+export default SettingsLogsPage;

src/styles/globals.css

@@ -47,3 +47,7 @@ body {
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
 }
+
+code {
+  @apply bg-gray-800 py-1 px-2 rounded-md;
+}