* feat: add supabase * feat: setup auth * feat: test refactoring board queries * feat: convert to pages router * feat: convert board router to supabase * feat: swap out drizzle for supabase in label, list and workspace routers * feat: swap out drizzle for supabase on the import router * feat: swap drizzle for supabase on create new card * feat: switch card router to use supabase * feat: finish swapping drizzle for supabase * chore: lint all router files * fix: signout * chore: fix types
23 lines
458 B
TypeScript
23 lines
458 B
TypeScript
import Lottie from "react-lottie-player";
|
|
|
|
type IconProps = {
|
|
isPlaying: boolean;
|
|
index: number;
|
|
json: object;
|
|
};
|
|
|
|
const Icon: React.FC<IconProps> = ({ isPlaying, index, json }) => {
|
|
return (
|
|
<Lottie
|
|
key={index}
|
|
animationData={json}
|
|
play={isPlaying}
|
|
loop={false}
|
|
style={{ width: 20, height: 20, fill: "white" }}
|
|
rendererSettings={{ preserveAspectRatio: "xMidYMid slice" }}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Icon;
|