blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

loading ux

Browse Source
This commit is contained in:
Timur Ercan
2023-01-25 13:24:40 +01:00
parent 0f9df1afc9
commit 7cb4521844
2 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/components/navigation.tsx
View File

@@ -4,7 +4,7 @@ import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { signOut, useSession } from "next-auth/react"; import { signOut, useSession } from "next-auth/react";
import avatarFromInitials from "avatar-from-initials"; import avatarFromInitials from "avatar-from-initials";
import { toast, Toaster } from "react-hot-toast"; import { toast } from "react-hot-toast";
import { import {
Bars3Icon, Bars3Icon,

36
apps/web/components/settings.tsx
View File

@@ -1,24 +1,9 @@
import { ChangeEvent, Fragment, useEffect, useState } from "react"; import { ChangeEvent, useEffect, useState } from "react";
import { Disclosure, Menu, Switch, Transition } from "@headlessui/react"; import { KeyIcon, UserCircleIcon } from "@heroicons/react/24/outline";
import { MagnifyingGlassIcon } from "@heroicons/react/20/solid";
import {
Bars3Icon,
BellIcon,
CogIcon,
CreditCardIcon,
KeyIcon,
SquaresPlusIcon,
UserCircleIcon,
XMarkIcon,
UsersIcon,
} from "@heroicons/react/24/outline";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import Link from "next/link"; import Link from "next/link";
import Head from "next/head"; import Head from "next/head";
import avatarFromInitials from "avatar-from-initials";
import { useSession } from "next-auth/react"; import { useSession } from "next-auth/react";
import { User } from "next-auth";
import { Value } from "sass";
import { updateUser } from "@documenso/features"; import { updateUser } from "@documenso/features";
const subNavigation = [ const subNavigation = [
@@ -192,6 +177,23 @@ export default function Setttings() {
</div> </div>
</div> </div>
</div> </div>
<div className="mt-10 max-w-[1100px]" hidden={!!user.email}>
<div className="ph-item">
<div className="ph-col-12">
<div className="ph-picture"></div>
<div className="ph-row">
<div className="ph-col-6 big"></div>
<div className="ph-col-4 empty big"></div>
<div className="ph-col-2 big"></div>
<div className="ph-col-4"></div>
<div className="ph-col-8 empty"></div>
<div className="ph-col-6"></div>
<div className="ph-col-6 empty"></div>
<div className="ph-col-12"></div>
</div>
</div>
</div>
</div>
</div> </div>
); );
} }