Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

Refactoring Components

Nejc Zdovc edited this page Jun 30, 2017 · 20 revisions

Container components

AddEditBookmarkHanger

Location: app/renderer/components/autofill/addEditBookmarkHanger.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8928
  • ✕ Primitives
  • ✕ Actions
  • ✕ Aphrodite

AudioTabIcon

Location: app/renderer/components/tabs/content/audioTabIcon.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

AutofillAddressPanel

Location: app/renderer/components/autofill/autofillAddressPanel.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9490
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

AutofillCreditCardPanel

Location: app/renderer/components/autofill/autofillCreditCardPanel.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9566
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

BookmarksToolbar

Location: app/renderer/components/bookmarks/bookmarksToolbar.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9030
  • ✓ Primitives #9713
  • ✕ Actions
  • ✕ Aphrodite

BookmarkToolbarButton

Location: app/renderer/components/bookmarks/bookmarkToolbarButton.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9030
  • ✓ Primitives #9713
  • ✕ Actions
  • ✕ Aphrodite

BraveryPanel

Location: app/renderer/components/main/braveryPanel.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9455
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

BrowserAction

Location: app/renderer/components/navigation/browserAction.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8658
  • ✓ Primitives
  • ✓ Actions
  • ✓ Aphrodite

CheckDefaultBrowserDialog

Location: app/renderer/components/checkDefaultBrowserDialog.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9497
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

ClearBrowsingDataPanel

Location: app/renderer/components/main/clearBrowsingDataPanel.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9457
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

CloseTabIcon

Location: app/renderer/components/tabs/content/closeTabIcon.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

ContextMenu

Location: app/renderer/components/common/contextMenu.js

  • ✓ App folder
  • ✕ Split
  • ✓ Redux #9526
  • ✕ Primitives
  • ✕ Actions
  • ✕ Aphrodite

ContextMenuItem

Location: app/renderer/components/common/contextMenu.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

ContextMenuSingle

Location: app/renderer/components/common/contextMenu.js

  • ✓ App folder
  • -- Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

DownloadItem

Location: app/renderer/components/download/downloadItem.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9271
  • ✕ Primitives
  • ✕ Actions
  • ✕ Aphrodite

DownloadsBar

Location: app/renderer/components/download/downloadsBar.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9271
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

FavIcon

Location: app/renderer/components/tabs/content/favIcon.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

FindBar

Location: app/renderer/components/main/findbar.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9426
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

Frame

Location: app/renderer/components/frame/frame.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8225
  • ✓ Primitives #9762
  • ✕ Actions
  • ✕ Aphrodite

ImportBrowserDataPanel

Location: app/renderer/components/importBrowserDataPanel.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8225
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

LoginRequired

Location: app/renderer/components/loginRequired.js

  • ✓ App folder
  • ✓ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

Main

Location: app/renderer/components/main/main.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9678
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

MenuBar

Location: app/renderer/components/navigation/menuBar.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8656
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

MenuBarItem

Location: app/renderer/components/navigation/menuBarItem.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8656
  • ✕ Primitives
  • ✕ Actions
  • ✕ Aphrodite

MessageBox

Location: app/renderer/components/common/messageBox.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8225
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

NavigationBar

Location: app/renderer/components/navigation/navigationBar.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8266
  • ✓ Primitives #9792
  • ✕ Actions
  • ✕ Aphrodite

Navigator

Location: app/renderer/components/navigation/navigator.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8658
  • ✓ Primitives #9752
  • ✕ Actions
  • ✕ Aphrodite

NewSessionIcon

Location: app/renderer/components/tabs/content/newSessionIcon.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

NoScriptCheckbox

Location: app/renderer/components/main/noScriptInfo.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

NoScriptInfo

Location: app/renderer/components/main/noScriptInfo.js

  • ✓ App folder
  • ✕ Split
  • ✓ Redux #9494
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

NotificationBar

Location: app/renderer/components/main/notificationBar.js

  • ✓ App folder
  • ✕ Split
  • ✓ Redux #9518
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

NotificationItem

Location: app/renderer/components/main/notificationItem.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9518
  • ✕ Primitives
  • ✕ Actions
  • ✕ Aphrodite

PinnedTabs

Location: app/renderer/components/tabs/pinnedTabs.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

PopupWindow

Location: app/renderer/components/main/popupWindow.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9417
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

PrivateIcon

Location: app/renderer/components/tabs/content/privateIcon.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

PublisherToggle

Location: app/renderer/components/navigation/publisherToggle.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9329
  • ✓ Primitives
  • ✕ Actions
  • ✓ Aphrodite

ReleaseNotes

Location: app/renderer/components/releaseNotes.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9496
  • ✓ Primitives
  • ✕ Actions
  • ✓ Aphrodite

SiteInfo

Location: app/renderer/components/main/siteInfo.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9413
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

Tab

Location: app/renderer/components/tabs/tab.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

TabPage

Location: app/renderer/components/tabs/tabPage.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9414
  • ✕ Primitives
  • ✕ Actions
  • ✕ Aphrodite

TabPages

Location: app/renderer/components/tabs/tabPages.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9414
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

TabTitle

Location: app/renderer/components/tabs/content/tabTitle.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

Tabs

Location: app/renderer/components/tabs/tabs.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

TabsToolbar

Location: app/renderer/components/tabs/tabsToolbar.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8396
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateAvailable

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateBar

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • ✓ Redux #9516
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateChecking

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateDownloading

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateError

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateHello

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateHide

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateNotAvailable

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UpdateLog

Location: app/renderer/components/main/updateBar.js

  • ✓ App folder
  • ✕ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UrlBar

Location: app/renderer/components/navigation/urlBar.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #8266
  • ✓ Primitives #9757
  • ✕ Actions
  • ✕ Aphrodite

UrlBarIcon

Location: app/renderer/components/navigation/urlBarIcon.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9415
  • ✓ Primitives #9754
  • ✕ Actions
  • ✕ Aphrodite

UrlBarSuggestionItem

Location: app/renderer/components/navigation/urlBarSuggestionItem.js

  • ✓ App folder
  • ✓ Split
  • -- Redux
  • -- Primitives
  • ✕ Actions
  • ✕ Aphrodite

UrlBarSuggestions

Location: app/renderer/components/navigation/urlBarSuggestions.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9051
  • ✕ Primitives
  • ✕ Actions
  • ✕ Aphrodite

WidevinePanel

Location: app/renderer/components/main/widevinePanel.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9488
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

Window

Location: app/renderer/components/window.js

  • ✓ App folder
  • ✓ Split
  • ✓ Redux #9658
  • ✓ Primitives
  • ✕ Actions
  • ✕ Aphrodite

Presentational components

AboutPageSectionSubTitle

Location: app/renderer/components/common/sectionTitle.js

  • ✓ App folder
  • ✕ Aphrodite

AboutPageSectionTitle

Location: app/renderer/components/common/sectionTitle.js

  • ✓ App folder
  • ✕ Aphrodite

BrowserActionBadge

Location: app/renderer/components/navigation/browserActionBadge.js

  • ✓ App folder
  • ✕ Aphrodite

BrowserButton

Location: app/renderer/components/common/browserButton.js

  • ✓ App folder
  • ✕ Aphrodite

Button

Location: japp/renderer/components/common/button.js

  • ✓ App folder
  • ✕ Aphrodite

ClipboardButton

Location: app/renderer/components/common/clipboardButton.js

  • ✓ App folder
  • ✕ Aphrodite

CommonForm

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormBookmarkHanger

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormBottomWrapper

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormButtonWrapper

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormDropdown

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormClickable

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormLarge

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormMedium

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormSection

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormSmall

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormSubSection

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormTextbox

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

CommonFormTitle

Location: app/renderer/components/common/commonForm.js

  • ✓ App folder
  • ✕ Aphrodite

DefaultSectionTitle

Location: app/renderer/components/common/sectionTitle.js

  • ✓ App folder
  • ✕ Aphrodite

DefaultTextArea

Location: app/renderer/components/common/textbox.js

  • ✓ App folder
  • ✕ Aphrodite

Dialog

Location: japp/renderer/components/common/dialog.js

  • ✓ App folder
  • ✕ Aphrodite

DialogButton

Location: japp/renderer/components/common/dialogButton.js

  • ✓ App folder
  • ✕ Aphrodite

DownloadList

Location: app/renderer/components/common/list.js

  • ✓ App folder
  • ✕ Aphrodite

Dropdown

Location: app/renderer/components/common/dropdown.js

  • ✓ App folder
  • ✕ Aphrodite

FormDropdown

Location: app/renderer/components/common/dropdown.js

  • ✓ App folder
  • ✕ Aphrodite

FormTextbox

Location: app/renderer/components/common/textbox.js

  • ✓ App folder
  • ✕ Aphrodite

FullScreenWarning

Location: app/renderer/components/fullScreenWarning.js

  • ✓ App folder
  • ✕ Aphrodite

HelpfulText

Location: app/renderer/components/helpfulText.js

  • ✓ App folder
  • ✕ Aphrodite

List

Location: app/renderer/components/common/list.js

  • ✓ App folder
  • ✕ Aphrodite

LongPressButton

Location: japp/renderer/components/common/longPressButton.js

  • ✓ App folder
  • ✕ Aphrodite

ModalOverlay

Location: japp/renderer/components/common/modalOverlay.js

  • ✓ App folder
  • ✕ Aphrodite

NotificationBarCaret

Location: app/renderer/components/main/notificationBar.js

  • ✓ App folder
  • ✓ Aphrodite

RecoveryKeyTextbox

Location: app/renderer/components/common/textbox.js

  • ✓ App folder
  • ✕ Aphrodite

SectionLabelTitle

Location: app/renderer/components/common/sectionTitle.js

  • ✓ App folder
  • ✕ Aphrodite

SectionTitleLabelWrapper

Location: app/renderer/components/common/sectionTitle.js

  • ✓ App folder
  • ✕ Aphrodite

SectionTitleWrapper

Location: app/renderer/components/common/sectionTitle.js

  • ✓ App folder
  • ✕ Aphrodite

SettingCheckbox

Location: app/renderer/components/settings.js

  • ✓ App folder
  • ✕ Aphrodite

SettingDropdown

Location: app/renderer/components/common/dropdown.js

  • ✓ App folder
  • ✕ Aphrodite

SettingItem

Location: app/renderer/components/settings.js

  • ✓ App folder
  • ✕ Aphrodite

SettingItemIcon

Location: app/renderer/components/settings.js

  • ✓ App folder
  • ✕ Aphrodite

SettingTextbox

Location: app/renderer/components/common/textbox.js

  • ✓ App folder
  • ✕ Aphrodite

SettingsList

Location: app/renderer/components/settings.js

  • ✓ App folder
  • ✕ Aphrodite

SiteSettingCheckbox

Location: app/renderer/components/settings.js

  • ✓ App folder
  • ✕ Aphrodite

SortableTable

Location: app/renderer/components/common/sortableTable.js

  • ✓ App folder
  • ✓ Aphrodite

SwitchControl

Location: app/renderer/components/common/switchControl.js

  • ✓ App folder
  • ✓ Aphrodite

TabIcon

Location: app/renderer/components/tabs/content/tabIcon.js

  • ✓ App folder
  • ✕ Aphrodite

TextArea

Location: app/renderer/components/common/textbox.js

  • ✓ App folder
  • ✕ Aphrodite

Textbox

Location: app/renderer/components/common/textbox.js

  • ✓ App folder
  • ✕ Aphrodite

WidevineInfo

Location: app/renderer/components/widevineInfo.js

  • ✓ App folder
  • ✕ Aphrodite

WindowCaptionButtons

Location: app/renderer/components/navigation/windowCaptionButtons.js

  • ✓ App folder
  • ✕ Aphrodite