@@ -18,7 +18,8 @@
|
|||||||
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
// SOFTWARE.
|
// SOFTWARE.
|
||||||
|
|
||||||
import { formatDate, formatError } from "@probo/helpers";
|
import { formatError } from "@probo/helpers";
|
||||||
|
import { dateFormat } from "@probo/i18n";
|
||||||
import {
|
import {
|
||||||
Badge,
|
Badge,
|
||||||
Button,
|
Button,
|
||||||
@@ -67,7 +68,7 @@ export function OAuthTokenRow(props: {
|
|||||||
identityId: string;
|
identityId: string;
|
||||||
}) {
|
}) {
|
||||||
const { tokenKey, identityId } = props;
|
const { tokenKey, identityId } = props;
|
||||||
const { t } = useTranslation();
|
const { t, i18n } = useTranslation();
|
||||||
const { toast } = useToast();
|
const { toast } = useToast();
|
||||||
|
|
||||||
const token = useFragment(fragment, tokenKey);
|
const token = useFragment(fragment, tokenKey);
|
||||||
@@ -152,8 +153,8 @@ export function OAuthTokenRow(props: {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</Td>
|
</Td>
|
||||||
<Td>{formatDate(token.createdAt)}</Td>
|
<Td>{dateFormat(i18n.language, token.createdAt)}</Td>
|
||||||
<Td>{formatDate(token.expiresAt)}</Td>
|
<Td>{dateFormat(i18n.language, token.expiresAt)}</Td>
|
||||||
<Td>
|
<Td>
|
||||||
{token.canDelete && (
|
{token.canDelete && (
|
||||||
<Dialog
|
<Dialog
|
||||||
|
|||||||
@@ -18,9 +18,10 @@
|
|||||||
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
// SOFTWARE.
|
// SOFTWARE.
|
||||||
|
|
||||||
import { formatDate } from "@probo/helpers";
|
import { dateFormat } from "@probo/i18n";
|
||||||
import { Badge, IconChevronDown, IconChevronRight, Td, Tr } from "@probo/ui";
|
import { Badge, IconChevronDown, IconChevronRight, Td, Tr } from "@probo/ui";
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
import { useFragment } from "react-relay";
|
import { useFragment } from "react-relay";
|
||||||
import { graphql } from "relay-runtime";
|
import { graphql } from "relay-runtime";
|
||||||
|
|
||||||
@@ -70,6 +71,7 @@ export function SCIMEventListItem(props: {
|
|||||||
}) {
|
}) {
|
||||||
const { fKey } = props;
|
const { fKey } = props;
|
||||||
const [isExpanded, setIsExpanded] = useState(false);
|
const [isExpanded, setIsExpanded] = useState(false);
|
||||||
|
const { i18n } = useTranslation();
|
||||||
|
|
||||||
const event = useFragment<SCIMEventListItemFragment$key>(
|
const event = useFragment<SCIMEventListItemFragment$key>(
|
||||||
SCIMEventListItemFragment,
|
SCIMEventListItemFragment,
|
||||||
@@ -93,7 +95,7 @@ export function SCIMEventListItem(props: {
|
|||||||
: (
|
: (
|
||||||
<IconChevronRight size={16} className="text-txt-secondary" />
|
<IconChevronRight size={16} className="text-txt-secondary" />
|
||||||
)}
|
)}
|
||||||
{formatDate(event.createdAt)}
|
{dateFormat(i18n.language, event.createdAt)}
|
||||||
</div>
|
</div>
|
||||||
</Td>
|
</Td>
|
||||||
<Td>{getMethodBadge(event.method)}</Td>
|
<Td>{getMethodBadge(event.method)}</Td>
|
||||||
|
|||||||
Reference in New Issue
Block a user