3031f8144e
* add upload component for logo * - move upload logo functionlity to its own component - style upload logo component - display current logo from server - implement submit button on logo updater, to submit new logo to api after update - add some submit status indicator * update edit-logo component Logo now posts correctly to owncast api endpoint. This update includes file type validation and removes the submit button, since the ant.d Upload component already handles the post logic. * remove submit-button style for logo upload Co-authored-by: gingervitis <omqmail@gmail.com> |
||
|---|---|---|
| .. | ||
| .github | ||
| components | ||
| docs | ||
| pages | ||
| public | ||
| styles | ||
| types | ||
| utils | ||
| .editorconfig | ||
| .env.development | ||
| .env.production | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc | ||
| favicon.ico | ||
| LICENSE | ||
| next-env.d.ts | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
This is a Next.js project with TypeScript, Sass styling, using Ant Design UI components.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
In production this Admin instance would ideally live on the domain as your Owncast instance, for example: myowncast-site.com/admin. So open http://localhost:3000/admin with your browser to see the result.
You can start editing a page by modifying pages/something.js. The page auto-updates as you edit the file.
Add new pages by adding files to the pages directory and routes will be available for this new page component.
Since this project hits API endpoints you should make requests in componentDidMount, and not in getStaticProps, since they're not static and we don't want to fetch them at build time, but instead at runtime.
A list of API end points can be found here: https://github.com/owncast/owncast/blob/master/router/router.go
Auth-ing for APIs
username: admin pw: [your stramkey]
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!