Claude güncellemesi Notification güncellemesi

2026-08-11 13:00:43 +03:00 · 2026-08-11 13:00:43 +03:00 · 3ecb4e2102
commit 3ecb4e2102
parent 42d502f812
9 changed files with 178 additions and 216 deletions
--- a/api/modules/Sozsoft.Notifications/Sozsoft.Notifications.Application/NotificationApplicationMappers.cs
+++ b/api/modules/Sozsoft.Notifications/Sozsoft.Notifications.Application/NotificationApplicationMappers.cs
@ -41,10 +41,15 @@ public override partial NotificationRuleDto Map(NotificationRule source);
 [Mapper(RequiredMappingStrategy = RequiredMappingStrategy.Target)]
 public partial class NotificationToNotificationDtoMapper : MapperBase<Notification, NotificationDto>
 {
-[MapperIgnoreTarget(nameof(NotificationDto.CreatorFullname))]
+    // NotificationType hedefte string. Kaynaktaki navigation entity'si doğrudan
+    // eşlenirse ToString() devreye girip "[ENTITY: NotificationType] Id = ..."
+    // yazısı UI'a düşüyor; bu yüzden açıkça Name alanından beslenir.
+    [MapProperty("NotificationType.Name", nameof(NotificationDto.NotificationType))]
+    [MapperIgnoreTarget(nameof(NotificationDto.CreatorFullname))]
    [MapperIgnoreTarget(nameof(NotificationDto.TenantId))]
    public override partial NotificationDto Map(Notification source);

+    [MapProperty("NotificationType.Name", nameof(NotificationDto.NotificationType))]
    [MapperIgnoreTarget(nameof(NotificationDto.CreatorFullname))]
    [MapperIgnoreTarget(nameof(NotificationDto.TenantId))]
    public override partial void Map(Notification source, NotificationDto destination);
--- a/api/src/Sozsoft.Platform.Application.Contracts/LookUpQueryValues.cs
+++ b/api/src/Sozsoft.Platform.Application.Contracts/LookUpQueryValues.cs
@ -279,4 +279,20 @@ public static class LookupQueryValues
        $"WHERE \"SkillTypeId\" IN (SELECT \"Id\" FROM \"{FullNameTable(TableNameEnum.SkillType)}\" WHERE \"Name\"='Technical Skills' ) " +
        $"ORDER BY \"Name\"";

+    public static string NotificationIdentityValues =
+        $"SELECT " +
+            $"\"Id\" AS \"Key\", " +
+            $"\"Name\" AS \"Name\" " +
+        $"FROM \"AbpRoles\"" +
+        $"UNION ALL " +
+        $"SELECT " +
+            $"\"Id\" AS \"Key\", " +
+            $"\"UserName\" AS \"Name\" " +
+        $"FROM \"AbpUsers\"" +
+        $"UNION ALL " +
+        $"SELECT " +
+            $"\"Id\" AS \"Key\", " +
+            $"\"DisplayName\" AS \"Name\" " +
+        $"FROM \"AbpOrganizationUnits\"" +
+        $"ORDER BY \"Name\"";
 }
--- a/api/src/Sozsoft.Platform.DbMigrator/Seeds/ListFormSeeder_Saas.cs
+++ b/api/src/Sozsoft.Platform.DbMigrator/Seeds/ListFormSeeder_Saas.cs
@ -5585,7 +5585,12 @@ public class ListFormSeeder_Saas : IDataSeedContributor, ITransientDependency
                    ListOrderNo = 5,
                    Visible = true,
                    IsActive = true,
-
+                    LookupJson = JsonSerializer.Serialize(new LookupDto {
+                        DataSourceType = UiLookupDataSourceTypeEnum.Query,
+                        DisplayExpr = "Name",
+                        ValueExpr = "Key",
+                        LookupQuery = LookupQueryValues.NotificationIdentityValues
+                    }),
                    AllowSearch = true,
                    ColumnCustomizationJson = DefaultColumnCustomizationJson,
                    PermissionJson = DefaultFieldPermissionJson(listForm.Name),
--- a/ui/src/components/template/Notification.tsx
+++ b/ui/src/components/template/Notification.tsx
@ -5,7 +5,7 @@ import Dropdown from '@/components/ui/Dropdown'
 import ScrollBar from '@/components/ui/ScrollBar'
 import Spinner from '@/components/ui/Spinner'
 import Tooltip from '@/components/ui/Tooltip'
-import { AVATAR_URL } from '@/constants/app.constant'
+import { APP_NAME, AVATAR_URL } from '@/constants/app.constant'
 import NotificationChannels from '@/constants/notification-channel.enum'
 import { ROUTES_ENUM } from '@/routes/route.constant'
 import {
@ -26,9 +26,9 @@ import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { FaEnvelopeOpen } from 'react-icons/fa'
+import { FcAdvertising } from 'react-icons/fc'
 import { Link } from 'react-router-dom'
 import { Notification as Notify, toast } from '../ui'
-import { FcAdvertising } from 'react-icons/fc'

 dayjs.extend(relativeTime)

@ -45,10 +45,6 @@ type NotificationList = {
 const notificationHeight = 'h-72'
 const notificationInterval = 120000 // 2 minutes

-const notificationTypeAvatar = (creatorId: string, tenantId?: string) => {
-  return <Avatar shape="circle" src={AVATAR_URL(creatorId, tenantId)} />
-}
-
 const NotificationToggle = ({
  className,
  unreadCount,
@ -78,12 +74,12 @@ const _Notification = ({ className }: { className?: string }) => {

  const [notificationList, setNotificationList] = useState<NotificationList[]>([])
  const [unreadNotificationCount, setUnreadNotificationCount] = useState(0)
-  const [noResult, setNoResult] = useState(false)
  const [loading, setLoading] = useState(false)

-  const toastNotificationList = useRef<string[]>([])
-  const desktopNotificationList = useRef<string[]>([])
-  const pushNotificationInterval = useRef<ReturnType<typeof setInterval>>()
+  // Aynı bildirimin sekme ömrü boyunca ikinci kez toast/desktop olarak
+  // gösterilmesini engeller.
+  const pushedIds = useRef(new Set<string>())
+  const listLoaded = useRef(false)

  const { bgTheme } = useThemeClass()
  const { larger } = useResponsive()
@ -95,7 +91,7 @@ const _Notification = ({ className }: { className?: string }) => {
    tabHasFocusRef.current = tabHasFocus
  }, [tabHasFocus])

-  const getReactNotificationCount = useCallback(async () => {
+  const getUnreadCount = useCallback(async () => {
    const resp = await getList({
      channels: [NotificationChannels.UiActivity],
      isListRequest: false,
@ -103,85 +99,9 @@ const _Notification = ({ className }: { className?: string }) => {
      maxResultCount: 1,
    })
    setUnreadNotificationCount(resp.data?.totalCount ?? 0)
-  }, [setUnreadNotificationCount])
+  }, [])

-  useEffect(() => {
-    getReactNotificationCount()
-    var intervalId = setInterval(() => {
-      if (tabHasFocusRef.current) {
-        getReactNotificationCount()
-      }
-    }, notificationInterval)
-
-    return () => {
-      clearInterval(intervalId)
-    }
-  }, [getReactNotificationCount])
-
-  const onNotificationOpen = useCallback(async () => {
-    const currentUnread = notificationList.filter((a) => !a.readed).length
-    if (currentUnread !== unreadNotificationCount) {
-      setLoading(true)
-      const resp = await getList({
-        channels: [NotificationChannels.UiActivity],
-        isListRequest: false,
-        maxResultCount: 1000,
-      })
-      const items = resp.data.items ?? []
-      if (items.length > 0) {
-        await updateSentMany(items.map((notification) => notification.id), true)
-      }
-      const newNotificationList = items.map(
-        (a) =>
-          ({
-            id: a.id,
-            notificationType: a.notificationType,
-            date: a.creationTime.toLocaleString(),
-            message: a.message,
-            creatorId: a.creatorId,
-            tenantId: a.tenantId,
-            readed: a.isRead,
-          }) as NotificationList,
-      )
-
-      setLoading(false)
-      setNotificationList(newNotificationList)
-      setNoResult(newNotificationList.length == 0)
-    }
-  }, [notificationList, setLoading, unreadNotificationCount])
-
-  const onMarkAllAsRead = useCallback(async () => {
-    await updateReadAll(NotificationChannels.UiToast, true)
-
-    const list = notificationList.map((item: NotificationList) => {
-      if (!item.readed) {
-        item.readed = true
-      }
-      return item
-    })
-    setNotificationList(list)
-    setUnreadNotificationCount(0)
-  }, [notificationList])
-
-  const onMarkAsRead = useCallback(
-    async (id: string) => {
-      await updateRead(id, true)
-
-      const list = notificationList.map((item) => {
-        if (item.id === id) {
-          item.readed = true
-        }
-        return item
-      })
-      setNotificationList(list)
-
-      const unreadCount = notificationList.filter((item) => !item.readed).length
-      setUnreadNotificationCount(unreadCount)
-    },
-    [notificationList],
-  )
-
-  const getPushNotifications = async () => {
+  const getPushNotifications = useCallback(async () => {
    const desktopGranted =
      'Notification' in window && window.Notification.permission === 'granted'

@ -194,84 +114,130 @@ const _Notification = ({ className }: { className?: string }) => {
      isSent: false,
      maxResultCount: 1000,
    })
-    const items = resp.data.items ?? []

-    // Toast
-    const newToastList = items.filter(
-      (a) =>
-        a.notificationChannel === NotificationChannels.UiToast &&
-        !toastNotificationList.current.includes(a.id) &&
-        !a.isSent,
+    const pending = (resp.data.items ?? []).filter(
+      (a) => !a.isSent && !pushedIds.current.has(a.id),
    )
-    toastNotificationList.current = [
-      ...toastNotificationList.current,
-      ...newToastList.map((a) => a.id),
-    ]
-    for (const notification of newToastList) {
-      toast.push(
-        <Notify type="success" duration={0} closable={true}>
-          {notification.message}
-        </Notify>,
-        { placement: 'bottom-end' },
-      )
+    if (pending.length === 0) {
+      return
    }
+    pending.forEach((a) => pushedIds.current.add(a.id))

-    // Desktop
-    const newDesktopList = desktopGranted
-      ? items.filter(
-        (a) =>
-          a.notificationChannel === NotificationChannels.Desktop &&
-          !desktopNotificationList.current.includes(a.id) &&
-          !a.isSent,
-      )
-      : []
-    if (desktopGranted) {
-      desktopNotificationList.current = [
-        ...desktopNotificationList.current,
-        ...newDesktopList.map((a) => a.id),
-      ]
-      for (const notification of newDesktopList) {
-        const title = notification.notificationType || 'Bildirim'
-        const options = {
-          body: notification.message,
-          dir: 'ltr',
-          requireInteraction: true,
-        } as NotificationOptions
+    for (const notification of pending) {
+      if (notification.notificationChannel === NotificationChannels.UiToast) {
+        toast.push(
+          <Notify type="success" duration={0} closable={true}>
+            {notification.message}
+          </Notify>,
+          { placement: 'bottom-end' },
+        )
+        continue
+      }

-        if ('serviceWorker' in navigator && navigator.serviceWorker.controller) {
-          const reg = await navigator.serviceWorker.ready
-          await reg.showNotification(title, options)
-        } else {
-          new window.Notification(title, options)
-        }
+      const title = notification.notificationType || APP_NAME
+      const options: NotificationOptions = {
+        body: notification.message,
+        dir: 'ltr',
+        requireInteraction: true,
+      }
+
+      if ('serviceWorker' in navigator && navigator.serviceWorker.controller) {
+        const reg = await navigator.serviceWorker.ready
+        await reg.showNotification(title, options)
+      } else {
+        new window.Notification(title, options)
      }
    }

-    const processedIds = [...newToastList, ...newDesktopList].map((notification) => notification.id)
-    if (processedIds.length > 0) {
-      await updateSentMany(processedIds, true)
-      await updateReadMany(processedIds, true)
-    }
-  }
+    const processedIds = pending.map((a) => a.id)
+    await updateSentMany(processedIds, true)
+    await updateReadMany(processedIds, true)
+  }, [])

  useEffect(() => {
    if ('Notification' in window && window.Notification.permission === 'default') {
      window.Notification.requestPermission()
    }

-    getPushNotifications()
+    const poll = () => {
+      getUnreadCount()
+      getPushNotifications()
+    }

-    pushNotificationInterval.current = setInterval(() => {
+    poll()
+    const intervalId = setInterval(() => {
      if (tabHasFocusRef.current) {
-        getPushNotifications()
+        poll()
      }
    }, notificationInterval)

-    return () => {
-      clearInterval(pushNotificationInterval.current)
+    return () => clearInterval(intervalId)
+  }, [getUnreadCount, getPushNotifications])
+
+  const onNotificationOpen = useCallback(async () => {
+    const currentUnread = notificationList.filter((a) => !a.readed).length
+    if (listLoaded.current && currentUnread === unreadNotificationCount) {
+      return
    }
+
+    setLoading(true)
+    try {
+      const resp = await getList({
+        channels: [NotificationChannels.UiActivity],
+        isListRequest: false,
+        maxResultCount: 1000,
+      })
+      const items = resp.data.items ?? []
+      if (items.length > 0) {
+        await updateSentMany(
+          items.map((notification) => notification.id),
+          true,
+        )
+      }
+
+      setNotificationList(
+        items.map((a) => ({
+          id: a.id,
+          notificationType: a.notificationType,
+          date: a.creationTime.toLocaleString(),
+          message: a.message,
+          creatorId: a.creatorId,
+          tenantId: a.tenantId,
+          readed: a.isRead,
+        })) as NotificationList[],
+      )
+      listLoaded.current = true
+    } finally {
+      setLoading(false)
+    }
+  }, [notificationList, unreadNotificationCount])
+
+  const onMarkAllAsRead = useCallback(async () => {
+    await updateReadAll(NotificationChannels.UiActivity, true)
+
+    setNotificationList((list) => list.map((item) => ({ ...item, readed: true })))
+    setUnreadNotificationCount(0)
  }, [])

+  const onMarkAsRead = useCallback(
+    async (id: string) => {
+      const target = notificationList.find((item) => item.id === id)
+      if (!target || target.readed) {
+        return
+      }
+
+      await updateRead(id, true)
+
+      setNotificationList((list) =>
+        list.map((item) => (item.id === id ? { ...item, readed: true } : item)),
+      )
+      setUnreadNotificationCount((count) => Math.max(0, count - 1))
+    },
+    [notificationList],
+  )
+
+  const noResult = !loading && listLoaded.current && notificationList.length === 0
+
  return (
    <Tooltip title={translate('::App.Notifications')}>
      <Dropdown
@ -298,33 +264,34 @@ const _Notification = ({ className }: { className?: string }) => {
        </Dropdown.Item>
        <div className={classNames('overflow-y-auto', notificationHeight)}>
          <ScrollBar direction={direction}>
-            {notificationList.length > 0 &&
-              notificationList.map((item, index) => (
-                <div
-                  key={item.id}
-                  className={`relative flex px-4 py-4 cursor-pointer hover:bg-gray-50 active:bg-gray-100 dark:hover:bg-black dark:hover:bg-opacity-20  ${
-                    !isLastChild(notificationList, index)
-                      ? 'border-b border-gray-200 dark:border-gray-600'
-                      : ''
-                  }`}
-                  onClick={() => onMarkAsRead(item.id)}
-                >
-                  <div>{notificationTypeAvatar(item.creatorId, item.tenantId)}</div>
-                  <div className="ltr:ml-3 rtl:mr-3">
-                    <div>
-                      {item.notificationType && (
-                        <span className="font-semibold heading-text">{item.notificationType} </span>
-                      )}
-                      <div>{item.message}</div>
-                    </div>
-                    <span className="text-xs">{dayjs(item.date).fromNow()}</span>
-                  </div>
-                  <Badge
-                    className="absolute top-4 ltr:right-4 rtl:left-4 mt-1.5"
-                    innerClass={`${item.readed ? 'bg-gray-300' : bgTheme} `}
-                  />
+            {notificationList.map((item, index) => (
+              <div
+                key={item.id}
+                className={`relative flex px-4 py-4 cursor-pointer hover:bg-gray-50 active:bg-gray-100 dark:hover:bg-black dark:hover:bg-opacity-20  ${
+                  !isLastChild(notificationList, index)
+                    ? 'border-b border-gray-200 dark:border-gray-600'
+                    : ''
+                }`}
+                onClick={() => onMarkAsRead(item.id)}
+              >
+                <div>
+                  <Avatar shape="circle" src={AVATAR_URL(item.creatorId, item.tenantId)} />
                </div>
-              ))}
+                <div className="ltr:ml-3 rtl:mr-3">
+                  <div>
+                    {item.notificationType && (
+                      <span className="font-semibold heading-text">{item.notificationType} </span>
+                    )}
+                    <div>{item.message}</div>
+                  </div>
+                  <span className="text-xs">{dayjs(item.date).fromNow()}</span>
+                </div>
+                <Badge
+                  className="absolute top-4 ltr:right-4 rtl:left-4 mt-1.5"
+                  innerClass={`${item.readed ? 'bg-gray-300' : bgTheme} `}
+                />
+              </div>
+            ))}
            {loading && (
              <div className={classNames('flex items-center justify-center', notificationHeight)}>
                <Spinner size={40} />
--- a/ui/src/components/template/Theme.tsx
+++ b/ui/src/components/template/Theme.tsx
@ -3,7 +3,6 @@ import ConfigProvider from '@/components/ui/ConfigProvider'
 import { themeConfig } from '@/proxy/theme/theme.config'
 import { useStoreActions, useStoreState } from '@/store'
 import useDarkMode from '@/utils/hooks/useDarkmode'
-import useNotification from '@/utils/hooks/useNotification'
 import { useSetting } from '@/utils/hooks/useSetting'
 import useTabFocus from '@/utils/hooks/useTabFocus'
 import { ComponentProps, useEffect } from 'react'
@ -74,7 +73,6 @@ const Theme = (props: CommonProps) => {
    'en'
  useDarkMode()
  useTabFocus()
-  useNotification()
  useAppVersionNotice()

  type ConfigProviderValue = NonNullable<ComponentProps<typeof ConfigProvider>['value']>
--- a/ui/src/components/ui/Notification/Notification.tsx
+++ b/ui/src/components/ui/Notification/Notification.tsx
@ -34,7 +34,9 @@ const Notification = forwardRef<HTMLDivElement, NotificationProps>(
            ...rest
        } = props

-        const [display, setDisplay] = useState('show')
+        // Toast tarafından yönetilmeyen bildirimler kapatma animasyonu
+        // tamamlandıktan sonra kendilerini DOM'dan kaldırır.
+        const [hidden, setHidden] = useState(false)

        const { clear } = useTimeout(
            onClose as () => void,
@ -44,12 +46,11 @@ const Notification = forwardRef<HTMLDivElement, NotificationProps>(

        const handleClose = useCallback(
            (e: MouseEvent<HTMLSpanElement>) => {
-                setDisplay('hiding')
                onClose?.(e)
                clear()
                if (!triggerByToast) {
                    setTimeout(() => {
-                        setDisplay('hide')
+                        setHidden(true)
                    }, 400)
                }
            },
@ -58,7 +59,7 @@ const Notification = forwardRef<HTMLDivElement, NotificationProps>(

        const notificationClass = classNames('notification', className)

-        if (display === 'hide') {
+        if (hidden) {
            return null
        }

--- a/ui/src/services/notification.service.ts
+++ b/ui/src/services/notification.service.ts
@ -29,13 +29,6 @@ export const updateReadAll = (notificationChannel: string, isRead: boolean) =>
    params: { notificationChannel, isRead },
  })

-export const updateSent = (notificationId: string, isSent: boolean) =>
-  apiService.fetchData<NotificationDto>({
-    method: 'PUT',
-    url: `/api/app/notification/sent/${notificationId}`,
-    params: { isSent },
-  })
-
 export const updateReadMany = (notificationIds: string[], isRead: boolean) =>
  apiService.fetchData<number, string[]>({
    method: 'PUT',
--- a/ui/src/utils/hooks/useNotification.ts
+++ b/ui/src/utils/hooks/useNotification.ts
@ -1,17 +0,0 @@
-import { useEffect } from 'react'
-
-function useNotification() {
-  useEffect(() => {
-    if (window === undefined) {
-      return
-    }
-
-    if (!('Notification' in window)) {
-      console.log('This browser does not support desktop notification')
-    } else {
-      Notification.requestPermission()
-    }
-  }, [])
-}
-
-export default useNotification
--- a/ui/src/views/admin/notification/CreateNotification.tsx
+++ b/ui/src/views/admin/notification/CreateNotification.tsx
@ -12,7 +12,7 @@ import { useLocalization } from '@/utils/hooks/useLocalization'
 import { Field, Form, Formik, FormikHelpers } from 'formik'
 import * as Yup from 'yup'

-export interface NotificationDto {
+interface CreateNotificationValues {
  id: string
  message: string
 }
@ -34,34 +34,28 @@ function CreateNotification({
  const { translate } = useLocalization()

  const handleSubmit = async (
-    values: NotificationDto,
-    { setSubmitting }: FormikHelpers<NotificationDto>,
+    values: CreateNotificationValues,
+    { setSubmitting }: FormikHelpers<CreateNotificationValues>,
  ) => {
    if (!id) {
      return
    }

-    setSubmitting(true)
-
    try {
      await postMyNotificationByNotificationRuleId({ id, message: values.message })
      toast.push(
        <Notification type="success" duration={2000}>
-          {translate('::Kaydet')}
+          {translate('::App.Platform.Success')}
        </Notification>,
-        {
-          placement: 'bottom-end',
-        },
+        { placement: 'bottom-end' },
      )
      onDialogClose()
    } catch {
      toast.push(
        <Notification type="danger" duration={2000}>
-          {'Hata'}
+          {translate('::App.Platform.Error')}
        </Notification>,
-        {
-          placement: 'bottom-end',
-        },
+        { placement: 'bottom-end' },
      )
    } finally {
      setSubmitting(false)