continue initial setup

web/pages/components/config/defaults.ts

@@ -0,0 +1,5 @@
+// DEFAULT VALUES
+
+export const DEFAULT_NAME = 'Owncast User';
+export const DEFAULT_TITLE = 'Owncast Server';
+export const DEFAULT_SUMMARY = '';

web/pages/components/config/form-textfield.tsx

@@ -0,0 +1,25 @@
+/*
+- auto saves ,ajax call
+- set default text
+- show error state/confirm states
+- show info
+- label
+- min/max length
+
+- populate with curren val (from local sstate)
+
+load page, 
+get all config vals, 
+save to local state/context.
+read vals from there.
+update vals to state, andthru api.
+
+
+*/
+import React, { useContext } from 'react';
+import { ServerStatusContext } from '../../../utils/server-status-context';
+
+
+
+Server Name
+<Input placeholder="Owncast" value={name} />

web/pages/components/config/public-facing-details.tsx

@@ -0,0 +1,37 @@
+import React, { useContext } from 'react';
+import { Typography, Input } from 'antd';
+
+
+import { ServerStatusContext } from '../../../utils/server-status-context';
+
+const { Title } = Typography;
+
+export default function PublicFacingDetails() {
+  const serverStatusData = useContext(ServerStatusContext);
+  const { serverConfig, setConfigField } = serverStatusData || {};
+
+  const { instanceDetails = {},  } = serverConfig;
+
+  const { name, summary, title } = instanceDetails;
+
+  return (
+    <>
+      <Title level={2}>Edit your public facing instance details</Title>
+      <div className="config-public-details-container">
+        <div className="text-fields" role="form">
+            Server Name
+            <Input placeholder="Owncast" value={name} />
+
+
+        </div>
+        <div className="misc-optionals">
+          add social handles
+          <br/>
+          add tags 
+          
+        </div>
+      </div>      
+    </>
+  ); 
+}
+