binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: remove unused icon files (#4297)

Browse source 
* refactor: remove unused icon files

* refactor: attachment icons folder structure
This commit is contained in:
Aaryan Khandelwal 2024-04-29 00:51:31 +05:30 • committed by GitHub
parent 0e3d5cc4eb
commit ac4bb1c1b4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
123 changed files with 245 additions and 2351 deletions
Download patch file Download diff file Expand all files Collapse all files

35
packages/ui/src/button/toggle-switch.tsx
View file

@ -1,6 +1,7 @@
import * as React from "react";
import { Switch } from "@headlessui/react";
// helpers
import { cn } from "../../helpers";
interface IToggleSwitchProps {
value: boolean;
@ -19,22 +20,30 @@ const ToggleSwitch: React.FC<IToggleSwitchProps> = (props) => {
checked={value}
disabled={disabled}
onChange={onChange}
className={`relative inline-flex flex-shrink-0 ${
size === "sm" ? "h-4 w-6" : size === "md" ? "h-5 w-8" : "h-6 w-10"
} flex-shrink-0 cursor-pointer rounded-full border border-custom-border-200 transition-colors duration-200 ease-in-out focus:outline-none ${
value ? "bg-custom-primary-100" : "bg-gray-700"
} ${className || ""} ${disabled ? "cursor-not-allowed" : ""}`}
className={cn(
"relative inline-flex flex-shrink-0 h-6 w-10 cursor-pointer rounded-full border border-custom-border-200 transition-colors duration-200 ease-in-out focus:outline-none bg-gray-700",
{
"h-4 w-6": size === "sm",
"h-5 w-8": size === "md",
"bg-custom-primary-100": value,
"cursor-not-allowed": disabled,
},
className
)}
>
<span className="sr-only">{label}</span>
<span
aria-hidden="true"
className={`inline-block self-center ${
size === "sm" ? "h-2 w-2" : size === "md" ? "h-3 w-3" : "h-4 w-4"
} transform rounded-full shadow ring-0 transition duration-200 ease-in-out ${
value
? (size === "sm" ? "translate-x-3" : size === "md" ? "translate-x-4" : "translate-x-5") + " bg-white"
: "translate-x-0.5 bg-custom-background-90"
} ${disabled ? "cursor-not-allowed" : ""}`}
className={cn(
"inline-block self-center h-4 w-4 transform rounded-full shadow ring-0 transition duration-200 ease-in-out",
{
"translate-x-5 bg-white": value,
"h-2 w-2 translate-x-3": value && size === "sm",
"h-3 w-3 translate-x-4": value && size === "md",
"translate-x-0.5 bg-custom-background-90": !value,
"cursor-not-allowed": disabled,
}
)}
/>
</Switch>
);