fix(dashboard): Add several missing translation strings

packages/dashboard/src/app/routes/_authenticated/_collections/components/collection-filters-selector.tsx

@@ -1,13 +1,15 @@
 import { ConfigurableOperationMultiSelector } from '@/vdb/components/shared/configurable-operation-multi-selector.js';
 import { ConfigurableOperationInput as ConfigurableOperationInputType } from '@vendure/common/lib/generated-types';
 import { getCollectionFiltersQueryOptions } from '../collections.graphql.js';
+import { useLingui } from '@lingui/react/macro';
 
 export interface CollectionFiltersSelectorProps {
     value: ConfigurableOperationInputType[];
     onChange: (filters: ConfigurableOperationInputType[]) => void;
 }
 
 export function CollectionFiltersSelector({ value, onChange }: Readonly<CollectionFiltersSelectorProps>) {
+    const { t } = useLingui();
     return (
         <div className="mt-4">
             <ConfigurableOperationMultiSelector
@@ -16,7 +18,7 @@ export function CollectionFiltersSelector({ value, onChange }: Readonly<Collecti
                 queryOptions={getCollectionFiltersQueryOptions}
                 queryKey="getCollectionFilters"
                 dataPath="collectionFilters"
-                buttonText="Add collection filter"
+                buttonText={t`Add collection filter`}
                 showEnhancedDropdown={false}
             />
         </div>

packages/dashboard/src/app/routes/_authenticated/_payment-methods/components/payment-eligibility-checker-selector.tsx

@@ -1,6 +1,7 @@
 import { ConfigurableOperationSelector } from '@/vdb/components/shared/configurable-operation-selector.js';
 import { configurableOperationDefFragment } from '@/vdb/graphql/fragments.js';
 import { graphql } from '@/vdb/graphql/graphql.js';
+import { useLingui } from '@lingui/react/macro';
 import { ConfigurableOperationInput as ConfigurableOperationInputType } from '@vendure/common/lib/generated-types';
 
 export const paymentEligibilityCheckersDocument = graphql(
@@ -23,15 +24,16 @@ export function PaymentEligibilityCheckerSelector({
     value,
     onChange,
 }: PaymentEligibilityCheckerSelectorProps) {
+    const { t } = useLingui();
     return (
         <ConfigurableOperationSelector
             value={value}
             onChange={onChange}
             queryDocument={paymentEligibilityCheckersDocument}
             queryKey="paymentMethodEligibilityCheckers"
             dataPath="paymentMethodEligibilityCheckers"
-            buttonText="Select Payment Eligibility Checker"
-            emptyText="No checkers found"
+            buttonText={t`Select Payment Eligibility Checker`}
+            emptyText={t`No checkers found`}
         />
     );
 }

packages/dashboard/src/app/routes/_authenticated/_payment-methods/components/payment-handler-selector.tsx

@@ -2,6 +2,7 @@ import { ConfigurableOperationSelector } from '@/vdb/components/shared/configura
 import { configurableOperationDefFragment } from '@/vdb/graphql/fragments.js';
 import { graphql } from '@/vdb/graphql/graphql.js';
 import { ConfigurableOperationInput as ConfigurableOperationInputType } from '@vendure/common/lib/generated-types';
+import { useLingui } from '@lingui/react/macro';
 
 export const paymentHandlersDocument = graphql(
     `
@@ -20,14 +21,15 @@ interface PaymentHandlerSelectorProps {
 }
 
 export function PaymentHandlerSelector({ value, onChange }: Readonly<PaymentHandlerSelectorProps>) {
+    const { t } = useLingui();
     return (
         <ConfigurableOperationSelector
             value={value}
             onChange={onChange}
             queryDocument={paymentHandlersDocument}
             queryKey="paymentMethodHandlers"
             dataPath="paymentMethodHandlers"
-            buttonText="Select Payment Handler"
+            buttonText={t`Select Payment Handler`}
         />
     );
 }

packages/dashboard/src/app/routes/_authenticated/_products/components/product-variants-table.tsx

@@ -15,6 +15,7 @@ import {
     RemoveProductVariantsFromChannelBulkAction,
 } from '../../_product-variants/components/product-variant-bulk-actions.js';
 import { productVariantListDocument } from '../products.graphql.js';
+import { useLingui } from '@lingui/react/macro';
 
 interface ProductVariantsTableProps {
     productId: string;
@@ -28,6 +29,7 @@ export function ProductVariantsTable({
     fromProductDetailPage,
 }: ProductVariantsTableProps) {
     const { formatCurrencyName } = useLocalFormat();
+    const { t } = useLingui();
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(10);
     const [sorting, setSorting] = useState<SortingState>([]);
@@ -69,7 +71,7 @@ export function ProductVariantsTable({
             ]}
             customizeColumns={{
                 name: {
-                    header: 'Variant name',
+                    header: t`Variant name`,
                     cell: ({ row: { original } }) => (
                         <DetailPageButton
                             href={`../../product-variants/${original.id}`}

packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/fulfillment-handler-selector.tsx

@@ -3,6 +3,7 @@ import { api } from '@/vdb/graphql/api.js';
 import { configurableOperationDefFragment } from '@/vdb/graphql/fragments.js';
 import { graphql } from '@/vdb/graphql/graphql.js';
 import { useQuery } from '@tanstack/react-query';
+import { useLingui } from '@lingui/react/macro';
 
 export const fulfillmentHandlersDocument = graphql(
     `
@@ -21,6 +22,8 @@ interface FulfillmentHandlerSelectorProps {
 }
 
 export function FulfillmentHandlerSelector({ value, onChange }: Readonly<FulfillmentHandlerSelectorProps>) {
+    const { t } = useLingui();
+
     const { data: fulfillmentHandlersData } = useQuery({
         queryKey: ['fulfillmentHandlers'],
         queryFn: () => api.query(fulfillmentHandlersDocument),
@@ -41,7 +44,7 @@ export function FulfillmentHandlerSelector({ value, onChange }: Readonly<Fulfill
         <div>
             <Select onValueChange={onFulfillmentHandlerSelected} value={value ?? undefined}>
                 <SelectTrigger>
-                    <SelectValue placeholder="Select a fulfillment handler" />
+                    <SelectValue placeholder={t`Select a fulfillment handler`} />
                 </SelectTrigger>
                 <SelectContent>
                     {fulfillmentHandlers?.map(fulfillmentHandler => (

packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/shipping-calculator-selector.tsx

@@ -2,6 +2,7 @@ import { ConfigurableOperationSelector } from '@/vdb/components/shared/configura
 import { configurableOperationDefFragment } from '@/vdb/graphql/fragments.js';
 import { graphql } from '@/vdb/graphql/graphql.js';
 import { ConfigurableOperationInput as ConfigurableOperationInputType } from '@vendure/common/lib/generated-types';
+import { useLingui } from '@lingui/react/macro';
 
 export const shippingCalculatorsDocument = graphql(
     `
@@ -20,14 +21,15 @@ interface ShippingCalculatorSelectorProps {
 }
 
 export function ShippingCalculatorSelector({ value, onChange }: Readonly<ShippingCalculatorSelectorProps>) {
+    const { t } = useLingui();
     return (
         <ConfigurableOperationSelector
             value={value}
             onChange={onChange}
             queryDocument={shippingCalculatorsDocument}
             queryKey="shippingCalculators"
             dataPath="shippingCalculators"
-            buttonText="Select Shipping Calculator"
+            buttonText={t`Select Shipping Calculator`}
         />
     );
 }

packages/dashboard/src/app/routes/_authenticated/_shipping-methods/components/shipping-eligibility-checker-selector.tsx

@@ -2,6 +2,7 @@ import { ConfigurableOperationSelector } from '@/vdb/components/shared/configura
 import { configurableOperationDefFragment } from '@/vdb/graphql/fragments.js';
 import { graphql } from '@/vdb/graphql/graphql.js';
 import { ConfigurableOperationInput as ConfigurableOperationInputType } from '@vendure/common/lib/generated-types';
+import { useLingui } from '@lingui/react/macro';
 
 export const shippingEligibilityCheckersDocument = graphql(
     `
@@ -23,14 +24,15 @@ export function ShippingEligibilityCheckerSelector({
     value,
     onChange,
 }: ShippingEligibilityCheckerSelectorProps) {
+    const { t } = useLingui();
     return (
         <ConfigurableOperationSelector
             value={value}
             onChange={onChange}
             queryDocument={shippingEligibilityCheckersDocument}
             queryKey="shippingEligibilityCheckers"
             dataPath="shippingEligibilityCheckers"
-            buttonText="Select Shipping Eligibility Checker"
+            buttonText={t`Select Shipping Eligibility Checker`}
         />
     );
 }