Skip to content

Commit

Permalink
Icons update according to new guidlines (#2786)
Browse files Browse the repository at this point in the history 
* social icons batch

* social media batch and adding social icons to exports

* navigation batch

* essential batch

* editor and media batch

* mobile icons fixes

* minor fixes

* iterative fixes

* Add expand icon and update collapse icon
  • Loading branch information
@lewandowskid
lewandowskid authored Dec 4, 2023
1 parent 65f327b commit 2a03c09
Show file tree
Hide file tree
Showing 226 changed files with 687 additions and 736 deletions.
52 changes: 52 additions & 0 deletions src/components/icons/Icon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,15 @@ import {generateId} from '../utils';

export type IconTypeType =
| 'academic_cap'
| 'achievement'
| 'add_more'
| 'ai'
| 'all_questions'
| 'answer_bubble'
| 'answer'
| 'answers'
| 'apple'
| 'archive_checked'
| 'archive'
| 'arrow_double_right'
| 'arrow_down'
Expand All @@ -22,9 +25,13 @@ export type IconTypeType =
| 'attachment'
| 'bell_checked'
| 'bell_outlined'
| 'best_answer'
| 'block'
| 'bold'
| 'brainly_oval'
| 'brainly_parallelogram'
| 'bulb_checked'
| 'bulb_filled'
| 'bulb'
| 'bulleted_list'
| 'calendar'
Expand All @@ -40,6 +47,7 @@ export type IconTypeType =
| 'chevron_left'
| 'chevron_right'
| 'chevron_up'
| 'chevrons_horizontal'
| 'circle'
| 'clear'
| 'clipboard'
Expand All @@ -64,8 +72,10 @@ export type IconTypeType =
| 'eraser'
| 'european'
| 'exclamation_mark'
| 'expand'
| 'facebook'
| 'filters'
| 'forwad'
| 'friend_add'
| 'friend_checked'
| 'friend_pending'
Expand All @@ -76,29 +86,37 @@ export type IconTypeType =
| 'ginny'
| 'globe'
| 'google'
| 'graph'
| 'greek'
| 'heading'
| 'heart_outlined'
| 'heart'
| 'highlight'
| 'home'
| 'how_to_scan'
| 'image_library'
| 'image'
| 'influence'
| 'info_outlined'
| 'info'
| 'instagram'
| 'italic'
| 'keyboard'
| 'less'
| 'line'
| 'link'
| 'linkedin'
| 'lock_with_play'
| 'logout'
| 'math_scan'
| 'medium'
| 'megaphone'
| 'menu'
| 'message_new'
| 'messages'
| 'mic'
| 'mic_muted'
| 'minus_in_circle_outlined'
| 'money_transfer'
| 'more'
| 'multiselect_checked'
Expand All @@ -107,6 +125,7 @@ export type IconTypeType =
| 'numbered_list'
| 'open_in_new_tab'
| 'options'
| 'padlock_open'
| 'padlock'
| 'pause'
| 'pencil'
Expand All @@ -118,8 +137,10 @@ export type IconTypeType =
| 'profile_settings'
| 'profile_view'
| 'profile'
| 'question_alt'
| 'question'
| 'quote'
| 'recent_questions_alt'
| 'recent_questions'
| 'rectangle'
| 'reload'
Expand All @@ -128,15 +149,18 @@ export type IconTypeType =
| 'rotate_90'
| 'rotate'
| 'search'
| 'search_add'
| 'seen'
| 'send'
| 'settings'
| 'share'
| 'shield'
| 'sidebar_left'
| 'sidebar_right'
| 'smartphone'
| 'sms'
| 'spark'
| 'sparks'
| 'star_half_outlined'
| 'star_half'
| 'star_outlined'
Expand All @@ -150,6 +174,7 @@ export type IconTypeType =
| 'thumb_up_outlined'
| 'thumb_up'
| 'title'
| 'toughest_questions_alt'
| 'toughest_questions'
| 'trash'
| 'triangle'
Expand All @@ -158,6 +183,7 @@ export type IconTypeType =
| 'unseen'
| 'user_block'
| 'verified'
| 'view_checked'
| 'warning'
| 'youtube'
| 'gift';
Expand Down Expand Up @@ -186,12 +212,15 @@ export type IconSizeType = 16 | 24 | 32 | 40 | 56 | 80 | 104;

export const TYPE = {
ACADEMIC_CAP: 'academic_cap',
ACHIEVEMENT: 'achievement',
ADD_MORE: 'add_more',
AI: 'ai',
ALL_QUESTIONS: 'all_questions',
ANSWER_BUBBLE: 'answer_bubble',
ANSWER: 'answer',
ANSWERS: 'answers',
APPLE: 'apple',
ARCHIVE_CHECKED: 'archive_checked',
ARCHIVE: 'archive',
ARROW_DOUBLE_RIGHT: 'arrow_double_right',
ARROW_DOWN: 'arrow_down',
Expand All @@ -204,9 +233,13 @@ export const TYPE = {
ATTACHMENT: 'attachment',
BELL_CHECKED: 'bell_checked',
BELL_OUTLINED: 'bell_outlined',
BEST_ANSWER: 'best_answer',
BLOCK: 'block',
BOLD: 'bold',
BRAINLY_OVAL: 'brainly_oval',
BRAINLY_PARALLELOGRAM: 'brainly_parallelogram',
BULB_CHECKED: 'bulb_checked',
BULB_FILLED: 'bulb_filled',
BULB: 'bulb',
BULLETED_LIST: 'bulleted_list',
CALENDAR: 'calendar',
Expand All @@ -222,6 +255,7 @@ export const TYPE = {
CHEVRON_LEFT: 'chevron_left',
CHEVRON_RIGHT: 'chevron_right',
CHEVRON_UP: 'chevron_up',
CHEVRONS_HORIZONTAL: 'chevrons_horizontal',
CIRCLE: 'circle',
CLEAR: 'clear',
CLIPBOARD: 'clipboard',
Expand All @@ -246,8 +280,10 @@ export const TYPE = {
ERASER: 'eraser',
EUROPEAN: 'european',
EXCLAMATION_MARK: 'exclamation_mark',
EXPAND: 'expand',
FACEBOOK: 'facebook',
FILTERS: 'filters',
FORWARD: 'forward',
FRIEND_ADD: 'friend_add',
FRIEND_CHECKED: 'friend_checked',
FRIEND_PENDING: 'friend_pending',
Expand All @@ -258,29 +294,37 @@ export const TYPE = {
GINNY: 'ginny',
GLOBE: 'globe',
GOOGLE: 'google',
GRAPH: 'graph',
GREEK: 'greek',
HEADING: 'heading',
HEART_OUTLINED: 'heart_outlined',
HEART: 'heart',
HIGHLIGHT: 'highlight',
HOME: 'home',
HOW_TO_SCAN: 'how_to_scan',
IMAGE_LIBRARY: 'image_library',
IMAGE: 'image',
INFLUENCE: 'influence',
INFO_OUTLINED: 'info_outlined',
INFO: 'info',
INSTRAGRAM: 'instagram',
ITALIC: 'italic',
KEYBOARD: 'keyboard',
LESS: 'less',
LINE: 'line',
LINK: 'link',
LINKEDIN: 'linkedin',
LOCK_WITH_PLAY: 'lock_with_play',
LOGOUT: 'logout',
MATH_SCAN: 'math_scan',
MEDIUM: 'medium',
MEGAPHONE: 'megaphone',
MENU: 'menu',
MESSAGE_NEW: 'message_new',
MESSAGES: 'messages',
MIC: 'mic',
MIC_MUTED: 'mic_muted',
MINUS_IN_CIRCLE_OUTLIEND: 'minus_in_circle_outlined',
MONEY_TRANSFER: 'money_transfer',
MORE: 'more',
MULTISELECT_CHECKED: 'multiselect_checked',
Expand All @@ -289,6 +333,7 @@ export const TYPE = {
NUMBERED_LIST: 'numbered_list',
OPEN_IN_NEW_TAB: 'open_in_new_tab',
OPTIONS: 'options',
PADLOCK_OPEN: 'padlock_open',
PADLOCK: 'padlock',
PAUSE: 'pause',
PENCIL: 'pencil',
Expand All @@ -300,8 +345,10 @@ export const TYPE = {
PROFILE_SETTINGS: 'profile_settings',
PROFILE_VIEW: 'profile_view',
PROFILE: 'profile',
QUESTION_ALT: 'question_alt',
QUESTION: 'question',
QUOTE: 'quote',
RECENT_QUESTIONS_ALT: 'recent_questions_alt',
RECENT_QUESTIONS: 'recent_questions',
RECTANGLE: 'rectangle',
RELOAD: 'reload',
Expand All @@ -310,15 +357,18 @@ export const TYPE = {
ROTATE_90: 'rotate_90',
ROTATE: 'rotate',
SEARCH: 'search',
SEARCH_ADD: 'search_add',
SEEN: 'seen',
SEND: 'send',
SETTINGS: 'settings',
SHARE: 'share',
SHIELD: 'shield',
SIDEBAR_LEFT: 'sidebar_left',
SIDEBAR_RIGHT: 'sidebar_right',
SMARTPHONE: 'smartphone',
SMS: 'sms',
SPARK: 'spark',
SPARKS: 'sparks',
STAR_HALF_OUTLINED: 'star_half_outlined',
STAR_HALF: 'star_half',
STAR_OUTLINED: 'star_outlined',
Expand All @@ -332,6 +382,7 @@ export const TYPE = {
THUMB_UP_OUTLINED: 'thumb_up_outlined',
THUMB_UP: 'thumb_up',
TITLE: 'title',
TOUGHEST_QUESTIONS_ALT: 'toughest_questions_alt',
TOUGHEST_QUESTIONS: 'toughest_questions',
TRASH: 'trash',
TRIANGLE: 'triangle',
Expand All @@ -340,6 +391,7 @@ export const TYPE = {
UNSEEN: 'unseen',
USER_BLOCK: 'user_block',
VERIFIED: 'verified',
VIEW_CHECKED: 'view_checked',
WARNING: 'warning',
YOUTUBE: 'youtube',
GIFT: 'gift',
Expand Down
29 changes: 28 additions & 1 deletion src/components/icons/get-icon-group.ts
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,18 @@
const iconMap = {
Essential: [
'academic_cap',
'achievement',
'ai',
'all_questions',
'answer_bubble',
'answer',
'answers',
'archive_checked',
'archive',
'ask_bubble',
'block',
'bulb_checked',
'bulb_filled',
'bulb',
'calendar',
'chapter',
Expand All @@ -22,34 +26,48 @@ const iconMap = {
'envelope',
'exclamation_mark',
'funnel',
'gift',
'ginny',
'globe',
'hand_move',
'home',
'how_to_scan',
'info_outlined',
'info',
'link',
'lock_with_play',
'math_scan',
'money_transfer',
'multiselect_checked',
'multiselect_unchecked',
'padlock_open',
'padlock',
'printer',
'question_alt',
'question',
'recent_questions_alt',
'recent_questions',
'seen',
'send',
'settings',
'shield',
'smartphone',
'sms',
'spark',
'sparks',
'textbook',
'toughest_questions_alt',
'toughest_questions',
'unseen',
'view_checked',
'warning',
'gift',
],
Social: [
'ask_parent_to_pay',
'bell_checked',
'bell_outlined',
'best_answer',
'bookmark_checked',
'bookmark_outlined',
'bookmark',
'check',
Expand Down Expand Up @@ -115,10 +133,13 @@ const iconMap = {
'flashlight_off',
'flashlight_on',
'forward_5s',
'forward',
'graph',
'greek',
'heading',
'hexagon',
'highlight',
'image_library',
'image',
'italic',
'keyboard',
Expand Down Expand Up @@ -161,25 +182,31 @@ const iconMap = {
'chevron_left',
'chevron_right',
'chevron_up',
'chevrons_horizontal',
'clear',
'close',
'collapse',
'expand',
'filters',
'fullscreen',
'less',
'logout',
'minus_in_circle_outlined',
'menu',
'more',
'open_in_new_tab',
'options',
'plus',
'reload',
'search',
'search_add',
'sidebar_left',
'sidebar_right',
],
'Social Media': [
'apple',
'brainly_oval',
'brainly_parallelogram',
'facebook',
'google',
'instagram',
Expand Down
Loading

0 comments on commit 2a03c09

Please sign in to comment.