5170fc2424
* WIP * Locked fields manager * Leftovers * Bad merge fix * Type import fix * Moving away from classes * Progress refactoring locked logic * Covering apps, webhooks and workflows * Supporting webhooks and workflows (TBT) * Restoring yarn.lock * Progress * Refactoring code, adding default values * Fixing CRUD for children * Connect app link and case-sensitive lib renaming * Translation missing * Locked indicators, empty screens, locations * Member card and hidden status + missing i18n * Missing existent children shown * Showing preview for already created children * Email notification almost in place * Making progress over notif email * Fixing nodemailer by mixed FE/BE mixup * Delete dialog * Adding tests * New test * Reverting unneeded change * Removed console.log * Tweaking email * Reverting not applicable webhook changes * Reverting dev email api * Fixing last changes due to tests * Changing user-evType relationship * Availability and slug replacement tweaks * Fixing event type delete * Sometimes slug is not there... * Removing old webhooks references Changed slug hint * Fixing types * Fixing hiding event types actions * Changing delete dialog text * Removing unneeded code * Applying feedback * Update yarn.lock * Making sure locked fields values are static * Applying feedback * Feedback + relying on children list, not users * Removing console.log * PR Feedback * Telemetry for slug replacement action * More unit tests * Relying on schedule and editor tweaks * Fixing conteiner classname * PR Feedback * PR Feedback * Updating unit tests * Moving stuff to ee, added feature flag * type fix * Including e2e * Reverting unneeded changes in EmptyScreen * Fixing some UI issues after merging tokens * Fixing missing disabled locked fields * Theme fixes + e2e potential fix * Fixing e2e * Fixing login relying on network * Tweaking e2e * Removing unneeded code --------- Co-authored-by: Peer Richelsen <peeroke@gmail.com> Co-authored-by: zomars <zomars@me.com>
51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import { trpc } from "@calcom/trpc/react";
|
|
import type { RouterOutputs } from "@calcom/trpc/react";
|
|
import { Badge, List, ListItem, ListItemText, ListItemTitle, Switch, showToast } from "@calcom/ui";
|
|
|
|
export const FlagAdminList = () => {
|
|
const [data] = trpc.viewer.features.list.useSuspenseQuery();
|
|
return (
|
|
<List roundContainer noBorderTreatment>
|
|
{data.map((flag) => (
|
|
<ListItem key={flag.slug} rounded={false}>
|
|
<div className="flex flex-1 flex-col">
|
|
<ListItemTitle component="h3">
|
|
{flag.slug}
|
|
|
|
<Badge variant="green">{flag.type?.replace("_", " ")}</Badge>
|
|
</ListItemTitle>
|
|
<ListItemText component="p">{flag.description}</ListItemText>
|
|
</div>
|
|
<div className="flex py-2">
|
|
<FlagToggle flag={flag} />
|
|
</div>
|
|
</ListItem>
|
|
))}
|
|
</List>
|
|
);
|
|
};
|
|
|
|
type Flag = RouterOutputs["viewer"]["features"]["list"][number];
|
|
|
|
const FlagToggle = (props: { flag: Flag }) => {
|
|
const {
|
|
flag: { slug, enabled },
|
|
} = props;
|
|
const utils = trpc.useContext();
|
|
const mutation = trpc.viewer.features.toggle.useMutation({
|
|
onSuccess: () => {
|
|
showToast("Flags successfully updated", "success");
|
|
utils.viewer.features.list.invalidate();
|
|
utils.viewer.features.map.invalidate();
|
|
},
|
|
});
|
|
return (
|
|
<Switch
|
|
defaultChecked={enabled}
|
|
onCheckedChange={(checked) => {
|
|
mutation.mutate({ slug, enabled: checked });
|
|
}}
|
|
/>
|
|
);
|
|
};
|