// Copyright 2022 The Matrix.org Foundation C.I.C. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. import Block from "./Block"; import { Body, Subtitle } from "./Typography"; import DateTime from "./DateTime"; import { Link } from "../Router"; import { FragmentType, graphql, useFragment } from "../gql"; const FRAGMENT = graphql(/* GraphQL */ ` fragment BrowserSession_session on BrowserSession { id createdAt lastAuthentication { id createdAt } } `); type Props = { session: FragmentType; isCurrent: boolean; }; const BrowserSession: React.FC = ({ session, isCurrent }) => { const data = useFragment(FRAGMENT, session); const lastAuthentication = data.lastAuthentication?.createdAt; const createdAt = data.createdAt; return ( {isCurrent && Current session} Started: Last authentication:{" "} {lastAuthentication ? ( ) : ( "never" )} ); }; export default BrowserSession;