chore: add shortcut creator field

api/shortcut.go

@@ -29,6 +29,7 @@ type Shortcut struct {
 
 	// Standard fields
 	CreatorID   int       `json:"creatorId"`
+	Creator     *User     `json:"creator"`
 	CreatedTs   int64     `json:"createdTs"`
 	UpdatedTs   int64     `json:"updatedTs"`
 	WorkspaceID int       `json:"workspaceId"`

server/shortcut.go

@@ -31,6 +31,10 @@ func (s *Server) registerShortcutRoutes(g *echo.Group) {
 			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to create shortcut").SetInternal(err)
 		}
 
+		if err := s.Store.ComposeShortcut(ctx, shortcut); err != nil {
+			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to compose shortcut").SetInternal(err)
+		}
+
 		c.Response().Header().Set(echo.HeaderContentType, echo.MIMEApplicationJSONCharsetUTF8)
 		if err := json.NewEncoder(c.Response().Writer).Encode(composeResponse(shortcut)); err != nil {
 			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to encode shortcut response").SetInternal(err)
@@ -57,6 +61,10 @@ func (s *Server) registerShortcutRoutes(g *echo.Group) {
 			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to patch shortcut").SetInternal(err)
 		}
 
+		if err := s.Store.ComposeShortcut(ctx, shortcut); err != nil {
+			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to compose shortcut").SetInternal(err)
+		}
+
 		c.Response().Header().Set(echo.HeaderContentType, echo.MIMEApplicationJSONCharsetUTF8)
 		if err := json.NewEncoder(c.Response().Writer).Encode(composeResponse(shortcut)); err != nil {
 			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to encode shortcut response").SetInternal(err)
@@ -101,6 +109,12 @@ func (s *Server) registerShortcutRoutes(g *echo.Group) {
 		}
 		list = append(list, privateShortcutList...)
 
+		for _, shortcut := range list {
+			if err := s.Store.ComposeShortcut(ctx, shortcut); err != nil {
+				return echo.NewHTTPError(http.StatusInternalServerError, "Failed to compose shortcut").SetInternal(err)
+			}
+		}
+
 		c.Response().Header().Set(echo.HeaderContentType, echo.MIMEApplicationJSONCharsetUTF8)
 		if err := json.NewEncoder(c.Response().Writer).Encode(composeResponse(list)); err != nil {
 			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to encode shortcut list response").SetInternal(err)
@@ -123,6 +137,10 @@ func (s *Server) registerShortcutRoutes(g *echo.Group) {
 			return echo.NewHTTPError(http.StatusInternalServerError, fmt.Sprintf("Failed to fetch shortcut by ID %d", *shortcutFind.ID)).SetInternal(err)
 		}
 
+		if err := s.Store.ComposeShortcut(ctx, shortcut); err != nil {
+			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to compose shortcut").SetInternal(err)
+		}
+
 		c.Response().Header().Set(echo.HeaderContentType, echo.MIMEApplicationJSONCharsetUTF8)
 		if err := json.NewEncoder(c.Response().Writer).Encode(composeResponse(shortcut)); err != nil {
 			return echo.NewHTTPError(http.StatusInternalServerError, "Failed to encode shortcut response").SetInternal(err)

store/shortcut.go

@@ -46,6 +46,20 @@ func (raw *shortcutRaw) toShortcut() *api.Shortcut {
 	}
 }
 
+func (s *Store) ComposeShortcut(ctx context.Context, shortcut *api.Shortcut) error {
+	user, err := s.FindUser(ctx, &api.UserFind{
+		ID: &shortcut.CreatorID,
+	})
+	if err != nil {
+		return err
+	}
+	user.OpenID = ""
+	user.UserSettingList = nil
+	shortcut.Creator = user
+
+	return nil
+}
+
 func (s *Store) CreateShortcut(ctx context.Context, create *api.ShortcutCreate) (*api.Shortcut, error) {
 	tx, err := s.db.BeginTx(ctx, nil)
 	if err != nil {

web/src/components/ShortcutListView.tsx

@@ -33,14 +33,15 @@ const ShortcutListView: React.FC<Props> = (props: Props) => {
               <span className="text-gray-400 text-sm ml-2">({shortcut.description})</span>
             </div>
             <div className="flex flex-row justify-end items-center">
-              <span
+              <span className=" w-12 mr-2 text-gray-600">{shortcut.creator.name}</span>
+              <button
                 className="cursor-pointer mr-4 hover:opacity-80"
                 onClick={() => {
                   handleCopyButtonClick(shortcut);
                 }}
               >
                 <Icon.Copy className="w-5 h-auto" />
-              </span>
+              </button>
               <a className="cursor-pointer mr-4 hover:opacity-80" target="blank" href={shortcut.link}>
                 <Icon.ExternalLink className="w-5 h-auto" />
               </a>
@@ -49,14 +50,14 @@ const ShortcutListView: React.FC<Props> = (props: Props) => {
                   <>
                     <button
                       disabled={shortcut.creatorId !== user?.id}
-                      className="w-full px-2 text-left leading-8 cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
+                      className="w-full px-3 text-left leading-10 cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
                       onClick={() => showCreateShortcutDialog(workspaceId, shortcut.id)}
                     >
                       Edit
                     </button>
                     <button
                       disabled={shortcut.creatorId !== user?.id}
-                      className="w-full px-2 text-left leading-8 cursor-pointer rounded text-red-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
+                      className="w-full px-3 text-left leading-10 cursor-pointer rounded text-red-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
                       onClick={() => {
                         handleDeleteShortcutButtonClick(shortcut);
                       }}

web/src/components/WorkspaceListView.tsx

@@ -20,7 +20,7 @@ const WorkspaceListView: React.FC<Props> = (props: Props) => {
         return (
           <div key={workspace.id} className="w-full flex flex-row justify-between items-start border px-6 py-4 mb-3 rounded-lg">
             <div className="flex flex-col justify-start items-start">
-              <Link to={`/${workspace.name}`} className="text-lg font-medium cursor-pointer hover:underline">
+              <Link to={`/${workspace.name}`} className="text-lg cursor-pointer hover:underline">
                 {workspace.name}
               </Link>
               <span className="text-sm mt-1 text-gray-600">{workspace.description}</span>
@@ -28,20 +28,20 @@ const WorkspaceListView: React.FC<Props> = (props: Props) => {
             <Dropdown
               actions={
                 <>
-                  <span
-                    className="w-full px-2 leading-8 cursor-pointer rounded hover:bg-gray-100"
+                  <button
+                    className="w-full px-3 text-left leading-10 cursor-pointer rounded hover:bg-gray-100"
                     onClick={() => showCreateWorkspaceDialog(workspace.id)}
                   >
                     Edit
-                  </span>
-                  <span
-                    className="w-full px-2 leading-8 cursor-pointer rounded text-red-600 hover:bg-gray-100"
+                  </button>
+                  <button
+                    className="w-full px-3 text-left leading-10 cursor-pointer rounded text-red-600 hover:bg-gray-100"
                     onClick={() => {
                       handleDeleteWorkspaceButtonClick(workspace);
                     }}
                   >
                     Delete
-                  </span>
+                  </button>
                 </>
               }
               actionsClassName="!w-24"

web/src/types/modules/shortcut.d.ts

@@ -6,6 +6,7 @@ interface Shortcut {
   id: ShortcutId;
 
   creatorId: UserId;
+  creator: User;
   createdTs: TimeStamp;
   updatedTs: TimeStamp;
   workspaceId: WorkspaceId;