Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion web/apps/admin/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
"@hookform/resolvers": "^3.0.1",
"@radix-ui/react-form": "^0.1.8",
"@radix-ui/react-icons": "^1.3.0",
"@raystack/apsara": "1.0.0-rc.12",
"@raystack/apsara": "^1.1.0",
"@raystack/frontier": "workspace:^",
"@raystack/proton": "0.1.0-859ba765e6cfd44736ddcf42664b742fe7fd916e",
"@stitches/react": "^1.2.8",
Expand Down
2 changes: 1 addition & 1 deletion web/apps/client-demo/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
},
"dependencies": {
"@radix-ui/react-icons": "^1.3.0",
"@raystack/apsara": "1.0.0-rc.12",
"@raystack/apsara": "^1.1.0",
"@raystack/frontier": "workspace:^",
"react": "^19.2.1",
"react-dom": "^19.2.1",
Expand Down
18 changes: 9 additions & 9 deletions web/pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 4 additions & 0 deletions web/sdk/admin/views/audit-logs/audit-logs.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -90,3 +90,7 @@
.sidepanel-list-link a {
text-decoration: none;
}

.sidepanel-list{
min-width: 120px;
}
24 changes: 12 additions & 12 deletions web/sdk/admin/views/audit-logs/sidepanel-details.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@

type SidePanelDetailsProps = Partial<AuditRecord> & {
onClose: () => void;
onNavigate?: (path: string) => void;

Check warning on line 25 in web/sdk/admin/views/audit-logs/sidepanel-details.tsx

View workflow job for this annotation

GitHub Actions / JS SDK Lint

'path' is defined but never used
};

type AuditSessionContext = {
Expand Down Expand Up @@ -87,37 +87,37 @@
{orgName || "-"}
</SidepanelListItemLink>
<List.Item>
<List.Label minWidth="120px">Action</List.Label>
<List.Label className={styles["sidepanel-list"]}>Action</List.Label>
<List.Value>{event}</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Resource</List.Label>
<List.Label className={styles["sidepanel-list"]}>Resource</List.Label>
<List.Value>{resource?.name || "-"}</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Type</List.Label>
<List.Label className={styles["sidepanel-list"]}>Type</List.Label>
<List.Value>{resource?.type || "-"}</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Date</List.Label>
<List.Label className={styles["sidepanel-list"]}>Date</List.Label>
<List.Value>{date.format("DD MMM YYYY")}</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Time</List.Label>
<List.Label className={styles["sidepanel-list"]}>Time</List.Label>
<List.Value>{date.format("hh:mm A")}</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">ID</List.Label>
<List.Label className={styles["sidepanel-list"]}>ID</List.Label>
<SidepanelListId id={id} />
</List.Item>
{target && (
<>
<List.Item>
<List.Label minWidth="120px">Target ID</List.Label>
<List.Label className={styles["sidepanel-list"]}>Target ID</List.Label>
<SidepanelListId id={target?.id} />
</List.Item>
<List.Item>
<List.Label minWidth="120px">Target Type</List.Label>
<List.Label className={styles["sidepanel-list"]}>Target Type</List.Label>
<List.Value>{target?.type || "-"}</List.Value>
</List.Item>
</>
Expand All @@ -129,7 +129,7 @@
<List>
<List.Header>Session</List.Header>
<List.Item>
<List.Label minWidth="120px">IP Address</List.Label>
<List.Label className={styles["sidepanel-list"]}>IP Address</List.Label>
<List.Value>
<Flex gap={3} align="center">
<GlobeIcon width={16} height={16} />
Expand All @@ -138,7 +138,7 @@
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Location</List.Label>
<List.Label className={styles["sidepanel-list"]}>Location</List.Label>
<List.Value>
<Flex gap={3} align="center">
<MapIcon width={16} height={16} />
Expand All @@ -147,7 +147,7 @@
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Browser</List.Label>
<List.Label className={styles["sidepanel-list"]}>Browser</List.Label>
<List.Value>
<Flex gap={3} align="center">
<DesktopIcon width={16} height={16} />
Expand All @@ -156,7 +156,7 @@
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Operating System</List.Label>
<List.Label className={styles["sidepanel-list"]}>Operating System</List.Label>
<List.Value>
<Flex gap={3} align="center">
<TransformIcon width={16} height={16} />
Expand Down
2 changes: 1 addition & 1 deletion web/sdk/admin/views/audit-logs/sidepanel-list-id.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import styles from "./audit-logs.module.css";
export default function SidepanelListId({ id = "-" }: { id?: string }) {
return (
<List.Value>
<Flex gap={3} width="full">
<Flex gap={3} style={{ width: "100%" }}>
<CopyButton text={id || ""} data-test-id="copy-button" />
<Tooltip>
<Tooltip.Trigger
Expand Down
4 changes: 2 additions & 2 deletions web/sdk/admin/views/audit-logs/sidepanel-list-link.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export default function SidepanelListItemLink({
if (isLink && onNavigate) {
return (
<List.Item className={styles["sidepanel-list-link"]}>
<List.Label minWidth="112px">{label}</List.Label>
<List.Label style={{ minWidth: "112px" }}>{label}</List.Label>
<List.Value className={styles["text-overflow"]}>
<Button
variant="text"
Expand All @@ -38,7 +38,7 @@ export default function SidepanelListItemLink({
}
return (
<List.Item>
<List.Label minWidth="120px">{label}</List.Label>
<List.Label className={styles["sidepanel-list"]}>{label}</List.Label>
<List.Value>{children}</List.Value>
</List.Item>
);
Expand Down
2 changes: 1 addition & 1 deletion web/sdk/admin/views/products/prices/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ export default function ProductPricesView({
isLoading={isProductLoading}
defaultSort={{ name: "createdAt", order: "desc" }}
>
<Flex direction="column" width="full">
<Flex direction="column" style={{ width: "100%" }}>
<PageHeader
title={pageHeader.title}
breadcrumb={pageHeader.breadcrumb}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export const SidePanelDetails = () => {
<List>
<List.Header>User Details</List.Header>
<List.Item>
<List.Label minWidth="120px">ID</List.Label>
<List.Label className={styles.listLabel}>ID</List.Label>
<List.Value>
<Flex gap={3} style={{ width: "100%" }}>
<CopyButton text={user?.id || ""} data-test-id="copy-button" />
Expand All @@ -26,13 +26,13 @@ export const SidePanelDetails = () => {
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Email</List.Label>
<List.Label className={styles.listLabel}>Email</List.Label>
<List.Value>
<Text>{user?.email}</Text>
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Created on</List.Label>
<List.Label className={styles.listLabel}>Created on</List.Label>
<List.Value>
<Flex gap={3}>
<CalendarIcon />
Expand All @@ -43,7 +43,7 @@ export const SidePanelDetails = () => {
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Status</List.Label>
<List.Label className={styles.listLabel}>Status</List.Label>
<List.Value>
{user?.state ? USER_STATES?.[user.state as UserState] : "-"}
</List.Value>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ export const SidePanelMembership = ({
<List>
{showTitle && <List.Header>Membership</List.Header>}
<List.Item>
<List.Label minWidth="120px">Name</List.Label>
<List.Label className={styles.listLabel}>Name</List.Label>
<List.Value>
<Flex gap={3} align="center">
<Avatar
Expand All @@ -58,13 +58,13 @@ export const SidePanelMembership = ({
</List.Value>
</List.Item>
<List.Item className={styles["dropdown-item"]}>
<List.Label minWidth="112px">Role</List.Label>
<List.Label style={{minWidth: "112px" }}>Role</List.Label>
<List.Value>
<MembershipDropdown data={data} onReset={onReset} />
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Joined on</List.Label>
<List.Label className={styles.listLabel}>Joined on</List.Label>
<List.Value>
<Flex gap={3}>
<CalendarIcon />
Expand All @@ -77,7 +77,7 @@ export const SidePanelMembership = ({
</List.Value>
</List.Item>
<List.Item>
<List.Label minWidth="120px">Projects</List.Label>
<List.Label className={styles.listLabel}>Projects</List.Label>
<List.Value>
{data?.projectCount ? Number(data.projectCount) : "-"}
</List.Value>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -43,3 +43,6 @@
.dropdown-menu-trigger:focus-visible {
background-color: var(--rs-color-background-base-primary-hover);
}
.listLabel{
min-width: 120px;
}
Original file line number Diff line number Diff line change
Expand Up @@ -47,19 +47,19 @@ export const RevokeSessionConfirm = ({ isOpen, onOpenChange, sessionInfo, onRevo
<Dialog.Body className={styles.revokeSessionConfirmBody}>
<List className={styles.listRoot}>
<List.Item className={styles.listItem}>
<List.Label minWidth="120px">Device</List.Label>
<List.Label className={styles.listLabel}>Device</List.Label>
<List.Value>{sessionInfo ? formatDeviceDisplay(sessionInfo.browser, sessionInfo.operatingSystem) : "Unknown"}</List.Value>
</List.Item>
<List.Item className={styles.listItem}>
<List.Label minWidth="120px">IP Address</List.Label>
<List.Label className={styles.listLabel}>IP Address</List.Label>
<List.Value>{sessionInfo?.ipAddress || "Unknown"}</List.Value>
</List.Item>
<List.Item className={styles.listItem}>
<List.Label minWidth="120px">Last Location</List.Label>
<List.Label className={styles.listLabel}>Last Location</List.Label>
<List.Value>{sessionInfo?.location || "Unknown"}</List.Value>
</List.Item>
<List.Item className={styles.listItem}>
<List.Label minWidth="120px">Last Active</List.Label>
<List.Label className={styles.listLabel}>Last Active</List.Label>
<List.Value>{sessionInfo?.lastActive || "Unknown"}</List.Value>
</List.Item>
</List>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,9 @@
padding-top: var(--rs-space-5);
padding-bottom: var(--rs-space-5);
}
.listLabel{
min-width: 120px;
}

.listItem:last-child {
border-bottom: none;
Expand Down
3 changes: 0 additions & 3 deletions web/sdk/client/index.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,3 @@
import '@raystack/apsara/style.css';
import '@raystack/apsara/normalize.css';

export { ImageUpload } from './components/image-upload';
export { ViewContainer } from './components/view-container';
export { ViewHeader } from './components/view-header';
Expand Down
2 changes: 1 addition & 1 deletion web/sdk/client/views/auth/sign-in/sign-in-view.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ export const SignInView = ({
return (
<AuthContainer {...props}>
<AuthHeader logo={logo} title={title} />
<Flex direction="column" width="full" gap={5}>
<Flex direction="column" gap={5} style={{ width: "100%" }}>
{filteredOIDC.map((s, index) => {
return (
<AuthOIDCButton
Expand Down
2 changes: 1 addition & 1 deletion web/sdk/client/views/auth/sign-up/sign-up-view.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ export const SignUpView = ({
return (
<AuthContainer {...props}>
<AuthHeader logo={logo} title={title} />
<Flex direction="column" gap={3} width="full">
<Flex direction="column" gap={3} style={{ height: "100%", width: "100%" }}>
{filteredOIDC.map((s, index) => {
return (
<AuthOIDCButton
Expand Down
4 changes: 2 additions & 2 deletions web/sdk/client/views/pat/components/pat-created-dialog.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -58,9 +58,9 @@ export function PATCreatedDialog({ handle, onClose }: PATCreatedDialogProps) {
/>
<Callout
type="attention"
outline
variant="outline"
icon={<ExclamationTriangleIcon />}
width="100%"
style={{ width: "100%" }}
>
Warning: Make sure you copy the above token now. This token
will only be shown once. Store it securely.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -230,7 +230,6 @@ export function AddMemberMenuContent({
<Flex direction="column" align="center" className={styles.addMemberFooter}>
<Separator className={styles.addMemberSeparator} />
<Button
width="100%"
variant="text"
color="neutral"
className={styles.addMemberToggleBtn}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,7 @@

.addMemberToggleBtn {
justify-content: flex-start;
width: 100%;
}

.addMemberContent:has(input[value]:not([value=''])):not(:has([role='option']))
Expand Down
2 changes: 1 addition & 1 deletion web/sdk/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
"@jest/globals": "^29.7.0",
"@radix-ui/react-form": "^0.1.8",
"@radix-ui/react-icons": "^1.3.2",
"@raystack/apsara": "1.0.0-rc.12",
"@raystack/apsara": "^1.1.0",
"@raystack/eslint-config": "workspace:^",
"@raystack/frontier-tsconfig": "workspace:^",
"@size-limit/preset-small-lib": "^8.2.6",
Expand Down
Loading
Loading