refactor: consolidate English translations (#6640)

packages/widgets/src/notifications/component.tsx

@@ -30,7 +30,8 @@ export default function NotificationsWidget({
   const notificationIntegrations = useMemo(() => notificationData ?? [], [notificationData]);
   const { isPending } = notificationsQuery;
 
-  const t = useI18n();
+  const t = useI18n("widget.notifications");
+  const tCommon = useI18n("common");
 
   const board = useRequiredBoard();
 
@@ -67,14 +68,14 @@ export default function NotificationsWidget({
       <Stack w="100%" gap="xs">
         {notificationsQuery.error && (
           <Group justify="flex-end">
-            <WidgetQueryErrorIndicator error={notificationsQuery.error} label={t("widget.notifications.name")} />
+            <WidgetQueryErrorIndicator error={notificationsQuery.error} label={t("name")} />
           </Group>
         )}
         {failedIntegrations.length > 0 && (
           <Group gap={4} wrap="wrap">
             {failedIntegrations.map((integration) => (
               <Badge key={integration.integration.id} color="red" variant="light" size="xs">
-                {integration.integration.name}: {t("common.error")}
+                {integration.integration.name}: {tCommon("error")}
               </Badge>
             ))}
           </Group>
@@ -82,7 +83,7 @@ export default function NotificationsWidget({
         {isPending ? (
           <Flex justify="center" align="center" mih={96} p="sm">
             <Text size="sm" c="dimmed" ta="center">
-              {t("common.action.loading")}
+              {tCommon("action.loading")}
             </Text>
           </Flex>
         ) : sortedNotifications.length > 0 ? (
@@ -152,7 +153,7 @@ export default function NotificationsWidget({
         ) : (
           <Flex justify="center" align="center" mih={96} p="sm">
             <Text size="sm" c="dimmed" ta="center">
-              {t("widget.notifications.noItems")}
+              {t("noItems")}
             </Text>
           </Flex>
         )}