LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

settings

This commit is contained in:
Karol Wypchlo 2021-02-22 15:31:43 +01:00
parent 9905a03d24
commit 6faad76ac9
3 changed files with 17 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/dashboard/src/components/Layout.js
View File

@ -131,13 +131,11 @@ export default function Layout({ title, children }) {
aria-orientation="vertical" aria-orientation="vertical"
aria-labelledby="user-menu" aria-labelledby="user-menu"
> >
<a <Link href="/settings">
href="#" <a className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" Settings
role="menuitem"
>
Settings (coming soon)
</a> </a>
</Link>
<a <a
href="#" href="#"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
@ -242,12 +240,11 @@ export default function Layout({ title, children }) {
</div> </div>
</div> </div>
<div className="mt-3 px-2 space-y-1"> <div className="mt-3 px-2 space-y-1">
<a <Link href="/">
href="#" <a className="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">
className="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700" Settings
>
Settings (coming soon)
</a> </a>
</Link>
<a <a
href="#" href="#"
className="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700" className="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700"

6
packages/dashboard/src/pages/index.js
View File

@ -130,11 +130,7 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="bg-gray-50 px-4 py-4 sm:px-6"> <div className="bg-gray-50 px-4 py-4 sm:px-6">
<div className="text-sm"> <div className="text-sm font-medium text-gray-500">Upgrade options coming soon!</div>
<abbr title="Coming soon" className="font-medium text-gray-500">
View current payments
</abbr>
</div>
</div> </div>
</div> </div>
<div className="flex flex-col bg-white overflow-hidden shadow rounded-lg"> <div className="flex flex-col bg-white overflow-hidden shadow rounded-lg">

9
packages/dashboard/src/pages/settings.js
View File

@ -1,4 +1,5 @@
import { Configuration, PublicApi } from "@ory/kratos-client"; import { Configuration, PublicApi } from "@ory/kratos-client";
import Layout from "../components/Layout";
import config from "../config"; import config from "../config";
import SelfServiceForm from "../components/Form/SelfServiceForm"; import SelfServiceForm from "../components/Form/SelfServiceForm";
@ -72,13 +73,11 @@ export default function Settings({ flow }) {
console.log(flow); console.log(flow);
return ( return (
<div className="min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8"> <Layout title="Settings">
<div className="sm:mx-auto sm:w-full sm:max-w-md"> <div className="bg-white rounded-lg shadow px-5 py-6 sm:px-6">
<h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Update your settings</h2>
</div>
<SelfServiceForm config={flow.methods.password.config} fieldsConfig={fieldsConfig} /> <SelfServiceForm config={flow.methods.password.config} fieldsConfig={fieldsConfig} />
<SelfServiceForm config={flow.methods.profile.config} fieldsConfig={fieldsConfig} /> <SelfServiceForm config={flow.methods.profile.config} fieldsConfig={fieldsConfig} />
</div> </div>
</Layout>
); );
} }