stuff

apps/web/components/settings.tsx

@@ -188,7 +188,7 @@ export default function Setttings() {
                       htmlFor="first-name"
                       className="block text-sm font-medium text-gray-700"
                     >
-                      First name
+                      Full Name
                     </label>
                     <input
                       type="text"
@@ -198,89 +198,25 @@ export default function Setttings() {
                       className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-neon focus:outline-none focus:ring-neon sm:text-sm"
                     />
                   </div>
-
                   <div className="col-span-12 sm:col-span-6">
                     <label
-                      htmlFor="last-name"
+                      htmlFor="first-name"
                       className="block text-sm font-medium text-gray-700"
                     >
-                      Last name
+                      Email
                     </label>
                     <input
+                      disabled
+                      value={user.email}
                       type="text"
-                      name="last-name"
+                      name="first-name"
-                      id="last-name"
+                      id="first-name"
-                      autoComplete="family-name"
+                      autoComplete="given-name"
                       className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-neon focus:outline-none focus:ring-neon sm:text-sm"
                     />
                   </div>
                 </div>
               </div>
-
-              {/* Privacy section */}
-              <div className="divide-y divide-gray-200 pt-6">
-                <div className="px-4 sm:px-6">
-                  <div>
-                    <h2 className="text-lg font-medium leading-6 text-gray-900">
-                      Privacy
-                    </h2>
-                    <p className="mt-1 text-sm text-gray-500">
-                      Ornare eu a volutpat eget vulputate. Fringilla commodo
-                      amet.
-                    </p>
-                  </div>
-                  <ul role="list" className="mt-2 divide-y divide-gray-200">
-                    <Switch.Group
-                      as="li"
-                      className="flex items-center justify-between py-4"
-                    >
-                      <div className="flex flex-col">
-                        <Switch.Label
-                          as="p"
-                          className="text-sm font-medium text-gray-900"
-                          passive
-                        >
-                          Available to hire
-                        </Switch.Label>
-                        <Switch.Description className="text-sm text-gray-500">
-                          Nulla amet tempus sit accumsan. Aliquet turpis sed sit
-                          lacinia.
-                        </Switch.Description>
-                      </div>
-                      <Switch
-                        checked={availableToHire}
-                        onChange={setAvailableToHire}
-                        className={classNames(
-                          availableToHire ? "bg-teal-500" : "bg-gray-200",
-                          "relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-neon focus:ring-offset-2"
-                        )}
-                      >
-                        <span
-                          aria-hidden="true"
-                          className={classNames(
-                            availableToHire ? "translate-x-5" : "translate-x-0",
-                            "inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
-                          )}
-                        />
-                      </Switch>
-                    </Switch.Group>
-                  </ul>
-                </div>
-                <div className="mt-4 flex justify-end py-4 px-4 sm:px-6">
-                  <button
-                    type="button"
-                    className="inline-flex justify-center rounded-md border border-gray-300 bg-white py-2 px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-neon focus:ring-offset-2"
-                  >
-                    Cancel
-                  </button>
-                  <button
-                    type="submit"
-                    className="ml-5 inline-flex justify-center rounded-md border border-transparent bg-sky-700 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-sky-800 focus:outline-none focus:ring-2 focus:ring-neon focus:ring-offset-2"
-                  >
-                    Save
-                  </button>
-                </div>
-              </div>
             </form>
           </div>
         </div>

apps/web/pages/dashboard.tsx

@@ -87,6 +87,9 @@ const DashboardPage: NextPageWithLayout = () => {
         <div className="mt-12">
           <button
             type="button"
+            onClick={() => {
+              document?.getElementById("fileUploadHelper")?.click();
+            }}
             className="relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-neon focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
           >
             <svg
@@ -106,6 +109,7 @@ const DashboardPage: NextPageWithLayout = () => {
               Upload a new document
             </span>
           </button>
+          <input id="fileUploadHelper" type="file" hidden />
         </div>
       </div>
     </>