PrivacySettings() — ui Function Reference

Architecture documentation for the PrivacySettings() function in field-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ PrivacySettings() — ui Function Reference

Dependency Diagram

graph TD
  9801d81d_2038_e5e0_0613_9502cb7853a8["PrivacySettings()"]
  b9b36d9d_9701_6134_d4ee_41213e7f1788["field-demo.tsx"]
  9801d81d_2038_e5e0_0613_9502cb7853a8 -->|defined in| b9b36d9d_9701_6134_d4ee_41213e7f1788
  style 9801d81d_2038_e5e0_0613_9502cb7853a8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/components/field-demo.tsx lines 575–765

function PrivacySettings() {
  return (
    <div className="flex flex-col gap-6">
      <Card>
        <CardHeader>
          <CardTitle>Privacy Settings</CardTitle>
          <CardDescription>
            Choose who can see your profile and what they can see.
          </CardDescription>
        </CardHeader>
        <CardContent>
          <RadioGroup>
            <FieldLabel htmlFor="everyone-f8k">
              <Field orientation="horizontal">
                <FieldContent>
                  <FieldTitle>
                    Everyone <Badge className="rounded-full">Default</Badge>
                  </FieldTitle>
                  <FieldDescription>
                    Anyone can see your profile.
                  </FieldDescription>
                </FieldContent>
                <RadioGroupItem
                  value="everyone"
                  id="everyone-f8k"
                  className="sr-only"
                />
                <IconCircle className="stroke-input size-5 stroke-1 group-has-data-[state=checked]/field:hidden" />
                <IconCircleCheckFilled className="fill-primary hidden size-5 group-has-data-[state=checked]/field:block" />
              </Field>
            </FieldLabel>
            <FieldLabel htmlFor="followers-s7m">
              <Field orientation="horizontal">
                <FieldContent>
                  <FieldTitle>Followers</FieldTitle>
                  <FieldDescription>
                    Visible to your followers and connections.
                  </FieldDescription>
                </FieldContent>
                <RadioGroupItem
                  value="followers"
                  id="followers-s7m"
                  className="sr-only"
                />
                <IconCircle className="stroke-input size-5 stroke-1 group-has-data-[state=checked]/field:hidden" />
                <IconCircleCheckFilled className="fill-primary hidden size-5 group-has-data-[state=checked]/field:block" />
              </Field>
            </FieldLabel>
            <FieldLabel htmlFor="custom-q3r">
              <Field orientation="horizontal">
                <FieldContent>
                  <FieldTitle>Custom</FieldTitle>
                  <FieldDescription>
                    Choose who can see your profile.
                  </FieldDescription>
                </FieldContent>
                <RadioGroupItem
                  value="custom"
                  id="custom-q3r"
                  className="sr-only"
                />
                <IconCircle className="stroke-input size-5 stroke-1 group-has-data-[state=checked]/field:hidden" />
                <IconCircleCheckFilled className="fill-primary hidden size-5 group-has-data-[state=checked]/field:block" />
              </Field>
            </FieldLabel>
          </RadioGroup>
        </CardContent>
      </Card>
      <Card>
        <CardHeader>
          <CardTitle>Privacy Settings</CardTitle>
          <CardDescription>
            Choose who can see your profile and what they can see.
          </CardDescription>
        </CardHeader>
        <CardContent>
          <RadioGroup>
            <FieldLabel htmlFor="everyone-b9p">
              <Field orientation="horizontal">
                <RadioGroupItem value="everyone" id="everyone-b9p" />
                <FieldContent>