Restrict unmapped filter to values page only

- Add showUnmappedFilter prop to ConceptDataFilter (defaults to false)
- Pass showUnmappedFilter only on the values page, not the fields page
- Remove unused Button, Link, ArrowLeft imports from values page

Author: Kehindecodes

app/next-client-app/app/(protected)/scanreports/[id]/tables/[tableId]/fields/[fieldId]/page.tsx

@@ -9,9 +9,6 @@ import { columns } from "./columns";
 import { ConceptDataTableV3 } from "@/components/concepts/ConceptDataTableV3";
 import { TableBreadcrumbs } from "@/components/scanreports/TableBreadcrumbs";
 import { ConceptDataFilter } from "@/components/concepts/ConceptDataFilter";
-import { Button } from "@/components/ui/button";
-import Link from "next/link";
-import { ArrowLeft } from "lucide-react";
 
 interface ScanReportsValueProps {
   params: Promise<{
@@ -44,7 +41,7 @@ export default async function ScanReportsValue(props: ScanReportsValueProps) {
     query,
   );
 
-  const filter = <ConceptDataFilter />;
+  const filter = <ConceptDataFilter showUnmappedFilter />;
 
   const canEdit =
     permissions.permissions.includes("CanEdit") ||

app/next-client-app/components/concepts/ConceptDataFilter.tsx

@@ -26,7 +26,7 @@ const ConceptDataOptions = [
     },
 ]
 
-export function ConceptDataFilter() {
+export function ConceptDataFilter({ showUnmappedFilter = false }: { showUnmappedFilter?: boolean }) {
   const router = useRouter();
   const searchParam = useSearchParams();
 
@@ -103,16 +103,18 @@ export function ConceptDataFilter() {
         handleSelect={handleSelectOption}
         handleClear={() => (setOptions([]), handleFacetsFilter())}
         />
-        <div className="flex items-center gap-2">
-          <Checkbox
-            id="unmapped-only"
-            checked={unmappedOnly}
-            onCheckedChange={(checked) => handleUnmappedToggle(checked === true)}
-          />
-          <Label htmlFor="unmapped-only" className="cursor-pointer">
-            Unmapped only
-          </Label>
-        </div>
+        {showUnmappedFilter && (
+          <div className="flex items-center gap-2">
+            <Checkbox
+              id="unmapped-only"
+              checked={unmappedOnly}
+              onCheckedChange={(checked) => handleUnmappedToggle(checked === true)}
+            />
+            <Label htmlFor="unmapped-only" className="cursor-pointer">
+              Unmapped only
+            </Label>
+          </div>
+        )}
     </div>
   );
 }