chore: make the invite link visible

This prevents the copy to clipboard to fail without allowing user to copy the link manually
getlago · Dec 20, 2022 · 1a46f89 · 1a46f89
1 parent ff142ec
commit 1a46f89
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 3 deletions.
diff --git a/src/components/settings/members/CreateInviteDialog.tsx b/src/components/settings/members/CreateInviteDialog.tsx
@@ -162,9 +162,9 @@ export const CreateInviteDialog = forwardRef<DialogRef>((_, ref) => {
               <Label variant="caption" color="grey600">
                 {translate('text_63208c701ce25db781407475')}
               </Label>
-              <Typography variant="body" color="grey700" noWrap>
+              <InvitationURL variant="body" color="grey700">
                 {invitationUrl}
-              </Typography>
+              </InvitationURL>
             </Line>
           </>
         )}
@@ -185,12 +185,16 @@ const Content = styled.div`
 
 const Line = styled.div`
   display: flex;
-  align-items: center;
+  align-items: baseline;
 `
 
 const Label = styled(Typography)`
   width: 140px;
   flex-shrink: 0;
 `
 
+const InvitationURL = styled(Typography)`
+  line-break: anywhere;
+`
+
 CreateInviteDialog.displayName = 'CreateInviteDialog'
diff --git a/src/generated/graphql.tsx b/src/generated/graphql.tsx
@@ -1678,6 +1678,7 @@ export type Invoice = {
   plan?: Maybe<Plan>;
   refundableAmountCents: Scalars['Int'];
   sequentialId: Scalars['ID'];
+  status: InvoiceStatusTypeEnum;
   subTotalVatExcludedAmountCents: Scalars['Int'];
   subTotalVatIncludedAmountCents: Scalars['Int'];
   subscriptions?: Maybe<Array<Subscription>>;
@@ -1691,6 +1692,12 @@ export type Invoice = {
   walletTransactionAmountCents: Scalars['Int'];
 };
 
+export type InvoiceCollection = {
+  __typename?: 'InvoiceCollection';
+  collection: Array<Invoice>;
+  metadata: CollectionMetadata;
+};
+
 /** Invoice Item */
 export type InvoiceItem = {
   amountCents: Scalars['BigInt'];
@@ -1708,6 +1715,11 @@ export enum InvoicePaymentStatusTypeEnum {
   Succeeded = 'succeeded'
 }
 
+export enum InvoiceStatusTypeEnum {
+  Draft = 'draft',
+  Finalized = 'finalized'
+}
+
 export type InvoiceSubscription = {
   __typename?: 'InvoiceSubscription';
   chargeAmountCents: Scalars['Int'];
@@ -1861,6 +1873,8 @@ export type Mutation = {
   updateCreditNote?: Maybe<CreditNote>;
   /** Updates an existing Customer */
   updateCustomer?: Maybe<Customer>;
+  /** Assign the invoice grace period to Customers */
+  updateCustomerInvoiceGracePeriod?: Maybe<CustomerDetails>;
   /** Assign the vat rate to Customers */
   updateCustomerVatRate?: Maybe<CustomerDetails>;
   /** Updates a new Customer Wallet */
@@ -2056,6 +2070,11 @@ export type MutationUpdateCustomerArgs = {
 };
 
 
+export type MutationUpdateCustomerInvoiceGracePeriodArgs = {
+  input: UpdateCustomerInvoiceGracePeriodInput;
+};
+
+
 export type MutationUpdateCustomerVatRateArgs = {
   input: UpdateCustomerVatRateInput;
 };
@@ -2239,6 +2258,8 @@ export type Query = {
   customer?: Maybe<CustomerDetails>;
   /** Query customer's credit note */
   customerCreditNotes?: Maybe<CreditNoteCollection>;
+  /** Query invoices of a customer */
+  customerInvoices: InvoiceCollection;
   /** Query the usage of the customer on the current billing period */
   customerUsage: CustomerUsage;
   /** Query customers of an organization */
@@ -2326,6 +2347,14 @@ export type QueryCustomerCreditNotesArgs = {
 };
 
 
+export type QueryCustomerInvoicesArgs = {
+  customerId: Scalars['ID'];
+  limit?: InputMaybe<Scalars['Int']>;
+  page?: InputMaybe<Scalars['Int']>;
+  status?: InputMaybe<InvoiceStatusTypeEnum>;
+};
+
+
 export type QueryCustomerUsageArgs = {
   customerId?: InputMaybe<Scalars['ID']>;
   subscriptionId: Scalars['ID'];
@@ -2860,6 +2889,14 @@ export type UpdateCustomerInput = {
   zipcode?: InputMaybe<Scalars['String']>;
 };
 
+/** Autogenerated input type of UpdateCustomerInvoiceGracePeriod */
+export type UpdateCustomerInvoiceGracePeriodInput = {
+  /** A unique identifier for the client performing the mutation. */
+  clientMutationId?: InputMaybe<Scalars['String']>;
+  id: Scalars['ID'];
+  invoiceGracePeriod?: InputMaybe<Scalars['Int']>;
+};
+
 /** Autogenerated input type of UpdateCustomerVatRate */
 export type UpdateCustomerVatRateInput = {
   /** A unique identifier for the client performing the mutation. */