commit ded4000936d22632c4fd46d78339e8457da06049 · pdsls.dev/pdsls

+31 -2
src/components/create.tsx
···

       4
       4
        
       import { getSession, OAuthUserAgent } from "@atcute/oauth-browser-client";

     

       5
       5
        
       import { remove } from "@mary/exif-rm";

     

       6
       6
        
       import { useNavigate, useParams } from "@solidjs/router";

     

       7
       7
       -
       import { createEffect, createSignal, For, lazy, onCleanup, Show, Suspense } from "solid-js";

     

       7
       7
       +
       import {

     

       8
       8
       +
         createEffect,

     

       9
       9
       +
         createSignal,

     

       10
       10
       +
         For,

     

       11
       11
       +
         lazy,

     

       12
       12
       +
         onCleanup,

     

       13
       13
       +
         onMount,

     

       14
       14
       +
         Show,

     

       15
       15
       +
         Suspense,

     

       16
       16
       +
       } from "solid-js";

     

       8
       17
        
       import { hasUserScope } from "../auth/scope-utils";

     

       9
       18
        
       import { agent, sessions } from "../auth/state";

     

       10
       19
        
       import { Button } from "./button.jsx";

     
···

       44
       53
        
             document.addEventListener("mousedown", handleClickOutside);

     

       45
       54
        
             onCleanup(() => document.removeEventListener("mousedown", handleClickOutside));

     

       46
       55
        
           }

     

       56
       56
       +
         });

     

       57
       57
       +
       

     

       58
       58
       +
         onMount(() => {

     

       59
       59
       +
           const keyEvent = (ev: KeyboardEvent) => {

     

       60
       60
       +
             if (ev.target instanceof HTMLInputElement || ev.target instanceof HTMLTextAreaElement) return;

     

       61
       61
       +
       

     

       62
       62
       +
             const key = props.create ? "n" : "e";

     

       63
       63
       +
             if (ev.key === key) {

     

       64
       64
       +
               ev.preventDefault();

     

       65
       65
       +
       

     

       66
       66
       +
               if (openDialog() && isMinimized()) {

     

       67
       67
       +
                 setIsMinimized(false);

     

       68
       68
       +
               } else if (!openDialog() && !document.querySelector("[data-modal]")) {

     

       69
       69
       +
                 setOpenDialog(true);

     

       70
       70
       +
               }

     

       71
       71
       +
             }

     

       72
       72
       +
           };

     

       73
       73
       +
       

     

       74
       74
       +
           window.addEventListener("keydown", keyEvent);

     

       75
       75
       +
           onCleanup(() => window.removeEventListener("keydown", keyEvent));

     

       47
       76
        
         });

     

       48
       77
        
       

     

       49
       78
        
         const defaultPlaceholder = () => {

     
···

       517
       546
        
                 <span class="text-sm font-medium">{props.create ? "Creating" : "Editing"} record</span>

     

       518
       547
        
               </button>

     

       519
       548
        
             </Show>

     

       520
       520
       -
             <Tooltip text={`${props.create ? "Create" : "Edit"} record`}>

     

       549
       549
       +
             <Tooltip text={props.create ? "Create record (n)" : "Edit record (e)"}>

     

       521
       550
        
               <button

     

       522
       551
        
                 class={`flex items-center p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600 ${props.create ? "rounded-lg" : "rounded-sm"}`}

     

       523
       552
        
                 onclick={() => {