(최겸)기술영업 RFQ 담당자 초대, 요구사항 반영

1 files changed, 108 insertions, 108 deletions

diff --git a/lib/tech-vendors/contacts-table/feature-flags-provider.tsx b/lib/tech-vendors/contacts-table/feature-flags-provider.tsx
index 81131894..615377d6 100644
--- a/lib/tech-vendors/contacts-table/feature-flags-provider.tsx
+++ b/lib/tech-vendors/contacts-table/feature-flags-provider.tsx
@@ -1,108 +1,108 @@
-"use client"
-
-import * as React from "react"
-import { useQueryState } from "nuqs"
-
-import { dataTableConfig, type DataTableConfig } from "@/config/data-table"
-import { cn } from "@/lib/utils"
-import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-
-type FeatureFlagValue = DataTableConfig["featureFlags"][number]["value"]
-
-interface FeatureFlagsContextProps {
-  featureFlags: FeatureFlagValue[]
-  setFeatureFlags: (value: FeatureFlagValue[]) => void
-}
-
-const FeatureFlagsContext = React.createContext<FeatureFlagsContextProps>({
-  featureFlags: [],
-  setFeatureFlags: () => {},
-})
-
-export function useFeatureFlags() {
-  const context = React.useContext(FeatureFlagsContext)
-  if (!context) {
-    throw new Error(
-      "useFeatureFlags must be used within a FeatureFlagsProvider"
-    )
-  }
-  return context
-}
-
-interface FeatureFlagsProviderProps {
-  children: React.ReactNode
-}
-
-export function FeatureFlagsProvider({ children }: FeatureFlagsProviderProps) {
-  const [featureFlags, setFeatureFlags] = useQueryState<FeatureFlagValue[]>(
-    "flags",
-    {
-      defaultValue: [],
-      parse: (value) => value.split(",") as FeatureFlagValue[],
-      serialize: (value) => value.join(","),
-      eq: (a, b) =>
-        a.length === b.length && a.every((value, index) => value === b[index]),
-      clearOnDefault: true,
-      shallow: false,
-    }
-  )
-
-  return (
-    <FeatureFlagsContext.Provider
-      value={{
-        featureFlags,
-        setFeatureFlags: (value) => void setFeatureFlags(value),
-      }}
-    >
-      <div className="w-full overflow-x-auto">
-        <ToggleGroup
-          type="multiple"
-          variant="outline"
-          size="sm"
-          value={featureFlags}
-          onValueChange={(value: FeatureFlagValue[]) => setFeatureFlags(value)}
-          className="w-fit gap-0"
-        >
-          {dataTableConfig.featureFlags.map((flag, index) => (
-            <Tooltip key={flag.value}>
-              <ToggleGroupItem
-                value={flag.value}
-                className={cn(
-                  "gap-2 whitespace-nowrap rounded-none px-3 text-xs data-[state=on]:bg-accent/70 data-[state=on]:hover:bg-accent/90",
-                  {
-                    "rounded-l-sm border-r-0": index === 0,
-                    "rounded-r-sm":
-                      index === dataTableConfig.featureFlags.length - 1,
-                  }
-                )}
-                asChild
-              >
-                <TooltipTrigger>
-                  <flag.icon className="size-3.5 shrink-0" aria-hidden="true" />
-                  {flag.label}
-                </TooltipTrigger>
-              </ToggleGroupItem>
-              <TooltipContent
-                align="start"
-                side="bottom"
-                sideOffset={6}
-                className="flex max-w-60 flex-col space-y-1.5 border bg-background py-2 font-semibold text-foreground"
-              >
-                <div>{flag.tooltipTitle}</div>
-                <div className="text-xs text-muted-foreground">
-                  {flag.tooltipDescription}
-                </div>
-              </TooltipContent>
-            </Tooltip>
-          ))}
-        </ToggleGroup>
-      </div>
-      {children}
-    </FeatureFlagsContext.Provider>
-  )
-}
+"use client"

+

+import * as React from "react"

+import { useQueryState } from "nuqs"

+

+import { dataTableConfig, type DataTableConfig } from "@/config/data-table"

+import { cn } from "@/lib/utils"

+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"

+import {

+  Tooltip,

+  TooltipContent,

+  TooltipTrigger,

+} from "@/components/ui/tooltip"

+

+type FeatureFlagValue = DataTableConfig["featureFlags"][number]["value"]

+

+interface FeatureFlagsContextProps {

+  featureFlags: FeatureFlagValue[]

+  setFeatureFlags: (value: FeatureFlagValue[]) => void

+}

+

+const FeatureFlagsContext = React.createContext<FeatureFlagsContextProps>({

+  featureFlags: [],

+  setFeatureFlags: () => {},

+})

+

+export function useFeatureFlags() {

+  const context = React.useContext(FeatureFlagsContext)

+  if (!context) {

+    throw new Error(

+      "useFeatureFlags must be used within a FeatureFlagsProvider"

+    )

+  }

+  return context

+}

+

+interface FeatureFlagsProviderProps {

+  children: React.ReactNode

+}

+

+export function FeatureFlagsProvider({ children }: FeatureFlagsProviderProps) {

+  const [featureFlags, setFeatureFlags] = useQueryState<FeatureFlagValue[]>(

+    "flags",

+    {

+      defaultValue: [],

+      parse: (value) => value.split(",") as FeatureFlagValue[],

+      serialize: (value) => value.join(","),

+      eq: (a, b) =>

+        a.length === b.length && a.every((value, index) => value === b[index]),

+      clearOnDefault: true,

+      shallow: false,

+    }

+  )

+

+  return (

+    <FeatureFlagsContext.Provider

+      value={{

+        featureFlags,

+        setFeatureFlags: (value) => void setFeatureFlags(value),

+      }}

+    >

+      <div className="w-full overflow-x-auto">

+        <ToggleGroup

+          type="multiple"

+          variant="outline"

+          size="sm"

+          value={featureFlags}

+          onValueChange={(value: FeatureFlagValue[]) => setFeatureFlags(value)}

+          className="w-fit gap-0"

+        >

+          {dataTableConfig.featureFlags.map((flag, index) => (

+            <Tooltip key={flag.value}>

+              <ToggleGroupItem

+                value={flag.value}

+                className={cn(

+                  "gap-2 whitespace-nowrap rounded-none px-3 text-xs data-[state=on]:bg-accent/70 data-[state=on]:hover:bg-accent/90",

+                  {

+                    "rounded-l-sm border-r-0": index === 0,

+                    "rounded-r-sm":

+                      index === dataTableConfig.featureFlags.length - 1,

+                  }

+                )}

+                asChild

+              >

+                <TooltipTrigger>

+                  <flag.icon className="size-3.5 shrink-0" aria-hidden="true" />

+                  {flag.label}

+                </TooltipTrigger>

+              </ToggleGroupItem>

+              <TooltipContent

+                align="start"

+                side="bottom"

+                sideOffset={6}

+                className="flex max-w-60 flex-col space-y-1.5 border bg-background py-2 font-semibold text-foreground"

+              >

+                <div>{flag.tooltipTitle}</div>

+                <div className="text-xs text-muted-foreground">

+                  {flag.tooltipDescription}

+                </div>

+              </TooltipContent>

+            </Tooltip>

+          ))}

+        </ToggleGroup>

+      </div>

+      {children}

+    </FeatureFlagsContext.Provider>

+  )

+}