1
0
mirror of synced 2026-01-06 06:04:16 -05:00
Commit Graph

36 Commits

Author SHA1 Message Date
Alex Birdsall
4a577e9297 Clean up of dbt cloud prototype UI code (#18894)
* Clean up of dbt cloud prototype UI code

* Remove variables->vars alias from scss files

* Remove obsolete comments

* Improvements to delete job button

- i18nize the aria-label
- replace most custom scss by using `<Button variant="clear" size="lg">`

* Use `_` for unused function arg
2022-11-09 16:27:51 -08:00
Tim Roes
91bb1bfa50 Cleanup alt attributes on images (#19000) 2022-11-07 15:41:04 +01:00
Tim Roes
4c6f520d07 🪟 🎉 New theme for Airbyte UI (#18817)
* New Webapp theme

* Remove debug banner

* Remove GlobalStyles from storybook

* Remove beige color palette

* Fix storybook styling

* Fix hover color in sidebar

* Improve transitions
2022-11-04 13:34:33 +01:00
Tim Roes
df858a5118 🪟 🎨 Improve empty state of resource pages (#18066)
* Transfer WIP to other machine

* Move bowtie image into component folder
2022-10-19 14:52:57 +02:00
Michael Siega
11699d4fe1 Alex/mvp UI for dbt cloud integration (#18095)
* Add lightly-styled ui for dbt cloud settings

* Add CollapsablePanel component

* Add CollapsablePanel around url input, MVP styling

To get the styling to work, I needed to edit `LabeledInput` to accept
a `className` prop, so I could give it contextually-specific styling.

* Add new feature flag for dbt cloud integration

This feature isn't added to either OSS or cloud builds; it will be
dynamically toggled for specific targeted accounts via LaunchDarkly's
`featureService.overwrites` key.

* Put settings page dbt cloud ui behind feature flag

* Add feature-flagged CloudTransformationsCard

* Extract (and rename) DbtCloudTransformationsCard

* Extract EmptyTransformationList component

* List transformations if any, "no integration" UI

This still uses some hardcoded conditions instead of anything resembling
actual data

* Initial UI for cloud transform jobs

* Use formik-backed inputs for job list data fields

* Improve job list management with FieldArray et al

* WIP: build payload to save job data as operations

There's some key data missing and it's not currently wired up

* Start pulling dbt cloud business logic to its own module

* Renaming pass (s/transformation/job/g)

* Move more logic into dbt service module

* Renaming pass (s/project/account/)

* Improve useDbtIntegration hook

* Add skeleton of updateWorkspace fn

* Connect pages to actual backend (no new jobs tho)

* Add hacky initial add new job implementation

* Put the whole dbt cloud card inside FieldArray

This dramatically simplifies adding to the list of jobs.

* Fix button placement, loss of focus on input

Never use the input prop in your component key, kids.

* re-extract DbtJobsList component

* Add input labels for dbt cloud job list

* Validate dbt cloud jobs so bad data doesn't crash the party

* Fix typo

* Improve dirty form tracking for dbt jobs list

* Remove unused input, add loading state to dbt cloud settings view

* Handle no integration, dirty states in dbt jobs list

Co-authored-by: Alex Birdsall <ambirdsall@gmail.com>
2022-10-18 13:59:38 -07:00
Tim Roes
23274b56be Add integration for Osano/GDPR (#17565) 2022-10-05 13:19:31 +02:00
Edmundo Ruiz Ghanem
c1981e1add 🪟 🧹 Replace most usages of styled headings with <Text /> component (#17048)
* Move WorkspacesPage to scss, remove use of title components

* Move Onboarding Final step component to SCSS

* Replace H1 with Title in ProgressBlock

* Move TitlesBlock to SCSS

* Fix text size in TitlesBlock

* Move PreferncesPage modules to scss

* Reduce Prefernces Page description size

* Replace H6 with Text in ConnectionPageTitle
Remove H6 component

* Replace H2 with Text in ErrorOcurredView

* Replace H4 with Text in Transformation view when it's not supported
Update not supported text

* Update TryAfterErroBlock to use scss

* Migrate EmptyResourceListView to SCSS modules

* Replace H3 usages in TableItemTitle with Text component

* Remove H2 from the Titles components. Mark H3 and H5 as deprecated

* Migrate TableItemTitle to scss and remove H3 usage

* Update new scss with spacing vars

* Update test snapshots
2022-09-23 11:09:29 -04:00
Edmundo Ruiz Ghanem
810d3a1d1e 🪟 🧹 Update Inter font to use variable fonts (#16926)
* Update Inter font styles to import variable version

* Rename regular SCSS font var to primary

* Remove non-standard css rule, add public to pre-commit linting
2022-09-22 09:15:55 -04:00
Edmundo Ruiz Ghanem
8848eeb1b8 🪟 🧹 Cleanup monospaced fonts (#16923)
* Remove Courier Prime and replaced monospaced font usage with Roboto Mono

* Rename code font var to monospace

* Revert regularFont update
2022-09-20 10:31:57 -04:00
Edmundo Ruiz Ghanem
ea50ee4a4a Remove Shirkhand (#16903) 2022-09-20 08:47:57 -04:00
Edmundo Ruiz Ghanem
955b371753 Remove Montserrat font (#16704) 2022-09-16 08:38:57 -04:00
Vladimir
907385c4de 🪟 🎨 Remove feedback modal from UI (#16548)
* remove feedback modal components and from FinalStep component

* create FirstSuccessfulSync component

* add FirstSuccessfulSync component to FinalStep

* remove sendFeedback functionality from useWorkspace hook

* remove sendFeedback functionality from Onboarding context

* move svg image closer to component where it's used

* update .completedSyncText text style

* add data-testid to FirstSuccessfulSync component
2022-09-14 23:02:46 +03:00
Vladimir
144d1ec372 🪟 🔧 Increase color palette consistency: prohibit to use hex value for colors (#16662) 2022-09-14 19:44:07 +03:00
Tim Roes
363e3d2e73 Fix and add meta tags (#16585) 2022-09-13 20:22:42 +02:00
Tim Roes
8bb95a823d Add the Osano snippet (#16365) 2022-09-12 10:13:42 +02:00
Krishna Glick
78ca6c7f84 🪟🧹 Stylelint (#15452)
* Stylelint added

* lint staged addition

* Found the right incantation

* WIP

* Typescript import

* stylelint --fix

* Stylelint runs clean!

* More linting!

* paths are hard

* linting

* Tim Code Review

* lint part of build

* Better selector class pattern rule

* Tim CR

* Linting + --fix

* Fixing stylelint issue

* Tim CR
2022-08-29 12:31:16 -04:00
Tim Roes
8182666d99 Cleanup orphaned code (#15801)
* Remove orphaned code

* Remove orphaned i18n strings
2022-08-25 12:04:02 +02:00
Vladimir
428e482513 🪟 🎨 Redesign Sign-in/up pages (#14103)
* convert styled components in Auth component to scss

* move GitBlock to separate component to the left side

* fix color variables

* replace styled component FormTitle with scss modules

* create new PersonQuoteCover component

* update styles for LogIn button

* update login title

* remove Airbyte logo from auth page

* update related components after changes in FormTitle component

* increase size of "forgot password" text

* add cart.com company logo

* add all necessary elements and styles

* polished css for PersonQuoteCover component

* completed PersonQuoteCover component and moved to separate folder

* move FormTitle to separate folder

* move GitBlock to separate folder

* add tests for PersonQuoteCover component

* update Header component:
- remove "Back" button
- replace styled components with css

* leave comment for News component

* update GitBlock component:
- extend to support props
- add tests

* update GitBlock css classes order

* update SpecialBlock component

* update SignupPage with optional props

* set full width for Sign Up button

* replace News with PersonQuoteCover component

* Update airbyte-webapp/src/packages/cloud/views/auth/components/FormTitle/index.tsx

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>

* move testimonials photo and logo to separate folder

* update tests

* Fixes after comments to PR:
- fixed not grayed image in Firefox
- update test snapshots

* remove alt text on company logo

* remove all conditionally rendered text (preparation for LaunchDarkly)

* update tests

* simplify implementation of title style

* Update quote company logo testid

* Move emoji from css to en file in signup specialblock component

* Update accept email invite heading and button to match styles
Add status message to signup page

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>
Co-authored-by: Edmundo Ruiz Ghanem <edmundo@airbyte.io>
2022-07-12 14:16:41 -04:00
Teal Larson
5f9a208ed3 🪟 🎨 Update favicon and table row image styles (#14020)
* style changes to favicon and imageblock

* fix import

* revert component and props names to block

* Update airbyte-webapp/src/components/ImageBlock/ImageBlock.tsx

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>

* Update airbyte-webapp/src/components/ImageBlock/ImageBlock.module.scss

Co-authored-by: Vladimir <volodymyr.s.petrov@globallogic.com>

* Update airbyte-webapp/src/components/ImageBlock/ImageBlock.tsx

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>

* Update airbyte-webapp/src/components/ImageBlock/ImageBlock.module.scss

Co-authored-by: Vladimir <volodymyr.s.petrov@globallogic.com>

* add storybook

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>
Co-authored-by: Vladimir <volodymyr.s.petrov@globallogic.com>
2022-06-29 10:50:00 -04:00
Edmundo Ruiz Ghanem
bf0a1c36dc Updates error view with new design (#13197)
* Update error occurred view with updated design
Add the ability to set CTA button text and click handler
Migrate to SCSS module

Signed-off-by: Edmundo Ruiz Ghanem <edmundo@airbyte.io>

* Move error view title string to en file

* Remove navigation stuff from BaseClearView because it's no longer used
Update error views to have go back cta

* Update errorView.title from three dots to ellipsis

Co-authored-by: Tim Roes <tim@airbyte.io>

* Remove alt text from ErrorOccurredView image

Co-authored-by: Tim Roes <tim@airbyte.io>

* Crop biting-nails img and update style

Co-authored-by: Tim Roes <tim@airbyte.io>
2022-06-02 14:07:03 -04:00
Edmundo Ruiz Ghanem
a33cbf6b18 Update empty states for connections, sources, and destinations (#12320)
* Update empty connections page with new empty state

* Add EmptyListPage component
* Update src/dest/conn CTAs to capitalize the word New

* Update empty states for sources and destinations pages

* Rename EmptyListPage -> EmptyResourceListPage component
Add data-id to EmptyListResourcePage button

* Update EmptyResourceList prop from enable create button to disable

* EmptyResourceListPage -> EmptyResourceListState

* EmptyResourceListState -> EmptyResourceListView
2022-04-27 14:57:12 -04:00
Sherif A. Nada
b727bb262e Allow using branded oauth buttons (#8187)
Co-authored-by: Artem Astapenko <jamakase54@gmail.com>
2021-11-29 03:39:15 -08:00
Artem Astapenko
7cfcd2a0d1 Jamakase/special offer block (#6950)
* Add Shrikhand font

* Styled offer block on sign up page

* Add arrows icons
2021-10-11 23:57:46 +07:00
Artem Astapenko
8b40e13a4a Jamakase/update onboarding flow (#5656) 2021-09-16 22:14:12 +03:00
Artem Astapenko
da4424372e Jamakase/account settings page (#5597) 2021-09-06 09:49:55 +03:00
Artem Astapenko
219877f778 Jamakase/add cloud version (#5198) 2021-08-09 16:04:02 +03:00
Artem Astapenko
8ff37a2768 Add placeholder (#4816) 2021-07-20 05:30:07 +07:00
Artem Astapenko
d0d1ed9d19 Jamakase/eslint update (#2190)
* Update eslint settings

* Fix react-scripts migration issues

* Bump package lock revision

* Address most of lint issues

* Add more type fixes: Analytics, utils and table

* Fix audit
2021-03-03 04:10:15 +07:00
Artem Astapenko
f06dcfe3b6 Message on the webapp if javascript is disabled (#2073) 2021-02-15 23:51:56 +03:00
Artem Astapenko
93f726e724 Add airbyte_version to segment track calls (#1113)
* Add airbyte_version to segment track calls

* Update handling of env variables
2020-12-01 04:36:34 +07:00
Artem Astapenko
27c4f66faa Source and destination pages 0.5.0 (#880)
* Add destinations and sources tables

* Add titles and tabs to source and destinations pages

* Remove connection page

* Add settings to source and destination

* Add delete block component

* Delete source action

* Fix connectionStatus page

* Connection settings page

* Add delete action to destinations and connections

* Create new source and destination forms

* Add connections form with selected source and destination

* Add create source and destination forms for connections

* Edit meta index
2020-11-24 02:12:32 +07:00
Artem Astapenko
60a1cfd17a Frontend v0.4.0 (#815)
* Labeled required fields and add default value

* Add tutorial link to onboarding

* Add json-schema to ui-widget mapping. Add jsonschema to yup

* Add uiWidget concept

* Add oneOf support for form

* Remove unused variable

* Fix form errors handling. Fix incorrect fieldNames

* Fix lint

* Add select/unselect button to the treeView schema

* Update logo

* Add component for text with links

* Fix oneOf forms

* Revert version accidentally changed

* Change jsonv6 to jsonv7

* Hack type of example

* Fix error when all stored values were sent
2020-11-09 19:34:49 +07:00
Artem Astapenko
4e6e9b3179 Webapp take tracking strategy from env (#487)
* Take TRACKING_STRATEGY

* Make nginx to replace TRACKING_STRATEGY in index.html with env vars

* Remove redundant line

* Add newline
2020-10-06 13:02:59 +03:00
Artem Astapenko
d290a3ca3f Remove unnecessary test (#460)
* Remove unnecessary test in webapp routing

* Show message if source list is empty

* Add text about loading schema

* Add font for logs

* Change font size in tabs

* Turn off form autocomplete for configs

* Fix import
2020-09-28 22:43:07 +03:00
Artem Astapenko
916f18110e Fix logs (#395)
* Edit logs resource. Add polling for logs

* Description is rendered as HTML

* Change sidebar icon

* Edit favicon and logo for preferences page
2020-09-22 17:06:59 -07:00
Michel Tricot
e3737a2c06 Introducing Airbyte (#348) 2020-09-18 20:41:09 -07:00