[REFACTOR] change sad icon in empty data page

src/components/core/EmptyDataPage/index.tsx

@@ -12,12 +12,7 @@ interface Props {
 
 const EmptyDataPage: FC<Props> = ({ text }) => (
   <View style={styles.center}>
-    <Icon
-      name="emoticon-sad-outline"
-      type="material-community"
-      size={75}
-      color={colors.danger}
-    />
+    <Icon name="smile" type="feather" size={75} color={colors.primaryVariant} />
     <Text style={styles.noRecomText}>{text}</Text>
   </View>
 );

src/scenes/questionnaire/ReadOnlyDietRecommendation/index.test.tsx

@@ -5,9 +5,11 @@ import ReadOnlyDietRecommendation from '.';
 import { mockDietRecommendation } from 'mocks/dietRecommendation';
 
 describe('ReadOnlyDietRecommendation', () => {
-  it('shows "Belum ada rekomendasi" text if no recommendation is provided yet', () => {
+  it('shows "Silahkan tunggu rekomendasi dari nutrisionis dalam 24 jam" text if no recommendation is provided yet', () => {
     const { getByText } = render(<ReadOnlyDietRecommendation />);
-    expect(getByText(/Belum ada rekomendasi/i)).toBeTruthy();
+    expect(
+      getByText(/Silahkan tunggu rekomendasi dari nutrisionis dalam 24 jam/i),
+    ).toBeTruthy();
   });
 
   it('shows default no input text if recommendation is not fully provided yet', () => {

src/scenes/questionnaire/ReadOnlyDietRecommendation/index.tsx

@@ -30,7 +30,7 @@ const ReadOnlyDietRecommendation: FC<Props> = ({ children, data }) => {
   if (!data || !hasValues(data)) {
     return (
       <View style={styles.noRecom}>
-        <EmptyDataPage text="Belum ada rekomendasi dari nutrisionis" />
+        <EmptyDataPage text="Silahkan tunggu rekomendasi dari nutrisionis dalam 24 jam" />
         {children}
       </View>
     );